Vue中使用vux的配置，分為兩種情況：

一、根據(jù)vux文檔直接安裝，無需手動(dòng)配置

npm install vue-cli -g  // 如果還沒安裝vue init airyland/vux2 my-project  // 創(chuàng)建名為 my-project 的模板cd my-project  // 進(jìn)入項(xiàng)目npm install --registry=https://registry.npm.taobao.org  // 開始安裝npm run dev  // 運(yùn)行項(xiàng)目 

二、想在已創(chuàng)建的Vue工程里引入vue組件

<1>. 在項(xiàng)目里安裝vux

npm install vux --save

<2>. 安裝vux-loader （這個(gè)vux文檔似乎沒介紹，當(dāng)初沒安裝結(jié)果報(bào)了一堆錯(cuò)誤） 

npm install vux-loader --save-dev

<3>. 安裝less-loader  （這個(gè)是用以正確編譯less源碼，否則會(huì)出現(xiàn) ' Cannot GET / '）

npm install less less-loader --save-dev

<4>. 安裝yaml-loader  (以正確進(jìn)行語言文件讀取, 我沒安裝似乎也沒報(bào)錯(cuò))

npm install yaml-loader --save-dev

<5>. 在build/webpack.base.conf.js 文件進(jìn)行配置

const vuxLoader = require('vux-loader')const webpackConfig = originalConfig// 原來的 module.exports 代碼賦值給變量 webpackConfig，//即將原來的module.exports 改為 const webpackConfigmodule.exports = vuxLoader.merge(webpackConfig, { plugins: ['vux-ui'] })

以上就是本文的全部內(nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持錯(cuò)新站長站。