Vue中使用vux的配置詳解
Vue中使用vux的配置,分為兩種情況:
一、根據(jù)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工程里引入vue組件
<1>. 在項目里安裝vux
npm install vux --save
<2>. 安裝vux-loader (這個vux文檔似乎沒介紹,當初沒安裝結果報了一堆錯誤)
npm install vux-loader --save-dev
<3>. 安裝less-loader (這個是用以正確編譯less源碼,否則會出現(xiàn) ' 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'] })
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
相關文章
vue3?+?async-validator實現(xiàn)表單驗證的示例代碼
表單驗證可以有效的過濾不合格的數(shù)據(jù),減少服務器的開銷,并提升用戶的使用體驗,今天我們使用?vue3?來做一個表單驗證的例子,需要的朋友跟隨小編一起學習下吧2022-06-06
Vue3 + MybatisPlus實現(xiàn)批量刪除功能(詳細代碼)
這篇文章主要介紹了Vue3 + MybatisPlus實現(xiàn)批量刪除功能,本文通過實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友參考下吧2024-03-03
Vue查詢數(shù)據(jù)并通過bootstarp?table渲染數(shù)據(jù)
這篇文章主要為大家介紹了Vue查詢數(shù)據(jù)并通過bootstarp?table渲染數(shù)據(jù),有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2022-04-04
詳解關于表格合并span-method方法的補充(表格數(shù)據(jù)由后臺動態(tài)返回)
這篇文章主要介紹了詳解關于表格合并span-method方法的補充(表格數(shù)據(jù)由后臺動態(tài)返回) ,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2019-05-05

