vue項目安裝vux


本文章默認基於“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 },

 

 

 

 

 寫的比較倉促,趕着吃午飯。。。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM