1、初始化
一、根據(jù)vux文檔直接安裝,無(wú)需手動(dòng)配置
npm install vue-cli -g // 如果還沒(méi)安裝
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 // 開(kāi)始安裝
npm run dev // 運(yùn)行項(xiàng)目
二、想在已創(chuàng)建的Vue工程里引入vue組件
<1>. 在項(xiàng)目里安裝vux
npm install vux --save
<2>. 安裝vux-loader (這個(gè)vux文檔似乎沒(méi)介紹,當(dāng)初沒(méi)安裝結(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)行語(yǔ)言文件讀取,不安裝也不報(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
// 原來(lái)的 module.exports 代碼賦值給變量 webpackConfig,
//即將原來(lái)的module.exports 改為 const webpackConfig
module.exports = vuxLoader.merge(webpackConfig, { plugins: ['vux-ui'] })