1、安装vux
npm install vux --save
2、安装vux-loader(vux2必须配合vux-loader
使用, 请在build/webpack.base.conf.js
里进行配置(下边第5点)。vux-loader是VUX 组件库的 webpack loader,实现按需加载等功能。它不是替代 vue-loader
而是配合 vue-loader
使用。如果你使用 vux2 模板,暂不需要手动使用它。)
npm install vux-loader --save-dev
3、安装less-loader(这个是用以正确编译less源码,否则会出现 ' Cannot GET / ')
官网注明:less@3.x 有严重的兼容问题,请暂时使用 less@^2.7.3。暂未适配 vue-cli@3.x,请知悉。
npm install less less-loader --save-dev
4、安装yaml-loader (以正确进行语言文件读取, 我没安装似乎也没报错)
npm install yaml-loader --save-dev
5、在build/webpack.base.conf.js 文件进行配置
const vuxLoader = require('vux-loader')
const webpackConfig = originalConfig // 原来的 module.exports 代码赋值给变量 webpackConfig
module.exports = vuxLoader.merge(webpackConfig, {
plugins: ['vux-ui']
})
这里要注意:在build/webpack.base.conf.js是不需要写const webpackConfig = originalConfig这句的,真正要做的是下边这样,将原先的导出的模块赋值后再导出,更改如下: