在vue中使用vux

在vue项目中使用vux有两种方式

1、直接安装，好处是项目构建方便，缺点是改变困难

npm install vue-cli -g  // 如果还没安装

vue init airyland/vux2 my-project  // 创建名为 my-project 的模板

cd my-project  // 进入项目

npm install --registry=https://registry.npm.taobao.org  // 开始安装

npm run dev  // 运行项目

2、通过配置的方式安装vux

1. 在项目里安装vux

cnpm install vux --save

2. 安装vux-loader

cnpm install vux-loader --save-dev

3.安装less-loader 

cnpm install less less-loader --save-dev

4.安装yaml-loader

cnpm install yaml-loader --save-dev

5.在build/webpack.base.conf.js 文件进行配置

const vuxLoader = require('vux-loader')

const webpackConfig = originalConfig

 

// 原来的 module.exports 代码赋值给变量 webpackConfig，

 

//即将原来的module.exports 改为 const webpackConfig

module.exports = vuxLoader.merge(webpackConfig, { plugins: ['vux-ui'] })

PS：使用了淘宝的cnpm镜像