vux初始化工程

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'] })

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容