官方网址：https://vux.li
1.安装vux
npm install vux --save |
2.安装vux-loader（vux2必须结合vux-loader使用）
npm install vux-loader --save-dev |
请在build/webpack.base.conf.js里参照如下代码进行配置：
1 2 3 4 5 6 7 | const vuxLoader = require('vux-loader') // 官方文档这句话有点坑，基础不好的请注意，这里的意思是说将原来文件module.exports = {....} // 替换成const webpackConfig = {....}，没有"originalConfig"这个变量 const webpackConfig = originalConfig // 原来的 module.exports 代码赋值给变量 webpackConfig module.exports = vuxLoader.merge(webpackConfig, { plugins: ['vux-ui'] }) |
3.安装less-loader以正确编译less源码
npm install less less-loader --save-dev |
安装完成记得在webpack.base.conf.js里做如下配置，在extensions里加入less
1 2 3 4 5 6 7 | resolve: { extensions: ['.js', '.vue', '.json', 'less'], alias: { 'vue$': 'vue/dist/vue.esm.js', '@': resolve('src'), } } |
4、安装 yaml-loader 以正确进行语言文件读取
npm install yaml-loader --save-dev |
5、引入 reset.less，默认样式不包含reset，并且部分用户自己有一套reset样式，因此需要在App.vue进行手动引入
1 2 3 | <style lang="less"> @import '~vux/src/styles/reset.less'; </style> |