vue-cli使用vux時報錯處理，「You may need an appropriate loader to handle this file type」

先說解決方案：

　　在項目中找到build，找到webpack.base.conf.js

　　將vux給出的解決方案代碼拷貝出來

const vuxLoader = require('vux-loader') const webpackConfig = originalConfig // 原來的 module.exports 代碼賦值給變量 webpackConfig
 module.exports = vuxLoader.merge(webpackConfig, { plugins: ['vux-ui'] })

將其粘貼到webpack.base.conf.js文件最下方，

將最上面的module.export,定義const  originalConfig=替換原來的module.export=

另外還好改一處，在webpack.base.conf.js文件中加入less

extensions: ['.js', '.vue', '.json'],

加好以後

extensions: ['.js', '.vue', '.json', '.less'],

 

從新運行，若是還報錯，檢查插件安裝，能夠參考以下：

安裝使用

npm install vux --save

vux2必須配合vux-loader使用，安裝vux-loader

npm install vux-loader --save-dev

安裝less-loader  （這個是用以正確編譯less源碼，不然會出現 ' Cannot GET / '）

npm install less less-loader --save-dev

 

其緣由是由於vux須要less-loader，在webpack打包中要把less配置進去