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工程里引入vux組件
<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 webpackConfig
module.exports = vuxLoader.merge(webpackConfig, { plugins: ['vux-ui'] })
總結(jié)
以上所述是小編給大家介紹的Vue中使用vux配置代碼詳解，希望對(duì)大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會(huì)及時(shí)回復(fù)大家的！
相關(guān)文章
這篇文章主要介紹了詳解如何在vue項(xiàng)目中使用lodop打印插件，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-09-09
Vue實(shí)現(xiàn)active點(diǎn)擊切換方法
下面小編就為大家分享一篇Vue實(shí)現(xiàn)active點(diǎn)擊切換方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-03-03
vue2.0設(shè)置proxyTable使用axios進(jìn)行跨域請(qǐng)求的方法
這篇文章主要介紹了vue2.0設(shè)置proxyTable使用axios進(jìn)行跨域請(qǐng)求，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-10-10
Vue3實(shí)現(xiàn)下拉選擇框多選功能的方法詳解
在vue的實(shí)際開發(fā)過程中,我們?nèi)绾螌⒁赃x中的值直接渲染到頁面中,下面這篇文章主要給大家介紹了關(guān)于Vue3實(shí)現(xiàn)下拉選擇框多選功能的相關(guān)資料,需要的朋友可以參考下2023-09-09
vue實(shí)現(xiàn)歌手列表字母排序下拉滾動(dòng)條側(cè)欄排序?qū)崟r(shí)更新
這篇文章主要介紹了vue實(shí)現(xiàn)歌手列表字母排序，下拉滾動(dòng)條側(cè)欄排序?qū)崟r(shí)更新,非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2019-05-05
windows下vue-cli及webpack搭建安裝環(huán)境
這篇文章主要介紹了windows下vue-cli及webpack搭建安裝環(huán)境，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-04-04
vue + node如何通過一個(gè)Txt文件批量生成MP3并壓縮成Zip
這篇文章主要介紹了vue + node如何通過一個(gè)Txt文件批量生成MP3并壓縮成Zip的方法，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-06-06
解決Vue Loading PostCSS Plugin failed:Cann
這篇文章主要介紹了解決Vue Loading PostCSS Plugin failed:Cannot find module autoprefixer問題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-03-03
IDEA創(chuàng)建Vue項(xiàng)目的兩種方式總結(jié)
這篇文章主要介紹了IDEA創(chuàng)建Vue項(xiàng)目的兩種方式總結(jié)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。2023-04-04
這篇文章主要介紹了Vue中的change事件無效問題及解決方案，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-06-06