vux的使用操作

vux的使用

最近有个基于微信端的项目，使用vue框架。由于时间紧，组件要求多，特尝试使用vux组件框架进行尝试。

官方demo：https://vux.li/demos/v2/?x-page=github#/demo；

用vue_cli安装好项目后。进入项目目录

<1>. 在项目里安装vux
npm install vux --save

<2>. 安装vux-loader （这个vux文档中没有明文跟你说要安装的啦）
npm install vux-loader --save-dev

<3>. 安装less-loader （这个是用以正确编译less源码，否则会出现 ' Cannot GET / '，自己看package.json，如果安装了，就不用装啦！）
npm install less less-loader --save-dev

<4>. 安装yaml-loader （不用装啦）
npm install yaml-loader --save-dev

进入build>webpack.base.conf.js下修改配置

1）首先引入vux-loader
1

const vuxLoader = require(‘vux-loader’)

2）然后将原来的module.exports 替换成const webpackConfig，然后在最底下写上这么一段代码
1
2
3

module.exports = vuxLoader.merge(webpackConfig, {
plugins: [‘vux-ui’]
}）
运行 npm run dev 即可