VUE配置vux框架

VUE配置vux框架

根据官方文档安装看的我一头雾水，所以记录一下

1.首先进入你的vue项目根目录

cd  front

2.安装vux

npm install vux --save 

3.安装vux-loader

npm install vux-loader --save-dev 

4.安装less-loader

npm install less less-loader --save-dev 

5.然后在项目中build的目录下webpack.base.conf.js配置中添加

const vuxLoader = require('vux-loader')

将原先的module.exports ={...... }换成 const webpackConfig = {.......}

然后在最后添加下面代买
module.exports = vuxLoader.merge(webpackConfig, {
  plugins: ['vux-ui']
})

6.项目中全局引用你要使用的组件

import { Tabbar, TabbarItem } from 'vux'

Vue.component('tabbar', Tabbar)
Vue.component('tabbar-item', TabbarItem)

以上就完成了。