本文章默認基於“vue init webpack myproject”已經搭好基本的項目,
而且本文是從我有道筆記拷貝稍加修改過來的
本來我私人筆記寫給自己看的所以有些地方可能描述不夠清晰
需要修改的文件就兩個:build/webpack.base.conf.js src/main.js
第一步:安裝依賴
npm install vux --save
npm install vux-loader --save-dev
npm install less less-loader --save-dev
第二步:修改build/webpack.base.conf.js中的代碼(引入vux-loader)
const vuxLoader = require('vux-loader')
第三步:繼續修改build/webpack.base.conf.js中的代碼
原來的 module.exports 代碼賦值給變量 webpackConfig,這里特意截圖說明詳細點,擔心有看不懂的同學

第四步:繼續修改build/webpack.base.conf.js中的代碼
module.exports = vuxLoader.merge(webpackConfig, {
plugins: [{name: 'vux-ui'}]
});

第五步:在src/main.js中調用plugin( 以下是使用過程,反正跟着炒就是了 )
import { AlertPlugin, ToastPlugin } from 'vux'
Vue.use(AlertPlugin)
Vue.use(ToastPlugin)
以上就是vux 安裝以及配置
現在舉個例子,最簡單的組件引入過程:
<Divider>文本分割線</Divider>
import { Divider } from 'vux'
components: { Divider },
寫的比較倉促,趕着吃午飯。。。