先说解决方案:
在项目中找到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配置进去