Vue中使用vux配置代碼詳解
一、根據vux文檔直接安裝,無需手動配置
npm install vue-cli -g // 如果還沒安裝 vue init airyland/vux2 my-project // 創(chuàng)建名為 my-project 的模板 cd my-project // 進入項目 npm install --registry=https://registry.npm.taobao.org // 開始安裝 npm run dev // 運行項目
二、想在已創(chuàng)建的Vue工程里引入vux組件
<1>. 在項目里安裝vux
npm install vux --save
<2>. 安裝vux-loader (這個vux文檔似乎沒介紹,當初沒安裝結果報了一堆錯誤)
npm install vux-loader --save-dev
<3>. 安裝less-loader (這個是用以正確編譯less源碼,否則會出現 ' Cannot GET / ')
npm install less less-loader --save-dev
<4>. 安裝yaml-loader (以正確進行語言文件讀取, 我沒安裝似乎也沒報錯)
npm install yaml-loader --save-dev
<5>. 在build/webpack.base.conf.js 文件進行配置
const vuxLoader = require('vux-loader') const webpackConfig = originalConfig // 原來的 module.exports 代碼賦值給變量 webpackConfig,即 將原來的module.exports 改為 const webpackConfig module.exports = vuxLoader.merge(webpackConfig, { plugins: ['vux-ui'] })
總結
以上所述是小編給大家介紹的Vue中使用vux配置代碼詳解,希望對大家有所幫助,如果大家有任何疑問歡迎給我留言,小編會及時回復大家的!
相關文章
Vue中commit和dispatch區(qū)別及用法辨析(最新)
在Vue中,commit和dispatch是兩個用于觸發(fā)Vuex store中的mutations和actions的方法,這篇文章主要介紹了Vue中commit和dispatch區(qū)別及其用法辨析,需要的朋友可以參考下2024-06-063分鐘搞定vite項目(vue/react)使用vite-plugin-pwa配置為pwa應用
這篇文章主要介紹了3分鐘搞定vite項目(vue/react)使用vite-plugin-pwa配置為pwa應用,本文給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友參考下吧2024-02-02