流程
Vux
是Vue.js
的一个ui库,官网在这里,官方文档的配置指南侧重于技术的罗列,我这里简化一下Vux的配置流程。
1. 安装vux
npm install vux --save
2. 安装less-loader
vux使用less编译源码,所以项目里必须要有less-loader。
npm install less less-loader --save-dev
3. 安装vux-loader并配置vuxLoader:
安装vux-loader:
npm install less vux-loader --save-dev
你可以不安装不配置vux-loader,不配置的话引入组件是这样的:
import AlertPlugin from 'vux/src/plugins/Alert'
import ToastPlugin from 'vux/src/plugins/Toast'
配置之后就可以这样引入组件了:
import { AlertPlugin, ToastPlugin } from 'vux'
配置流程如下:
在webpack.base.config.js
中修改如下,其中webpackConfig
是你之前的配置(也就是之前module.export右边的那一坨,现在保存为这个变量):
const vuxLoader = require('vux-loader')
module.exports = vuxLoader.merge(webpackConfig, {
options: {
showVuxVersionInfo: false //关闭vux在console里输出的版本信息
},
plugins: [{
name: 'vux-ui'
}]
})