vue-cli3.0.4中webpack的dist路徑如何修改
更新時間：2022年04月06日 09:04:07 作者：大貓會長
這篇文章主要介紹了vue-cli3.0.4中webpack的dist路徑如何修改，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
webpack的dist路徑修改方式
修改的文件在
node_modules\@vue\cli-service\lib\options.js
如圖，baseUrl最后一個路徑名字要和outputDir的名字相同
修改后的路徑結果
另外assetsDir如果有值，那么會把js,css,img之類的靜態(tài)資源放到該值對應的文件夾里去
填了值
webpack配置路徑問題
一般寫vue項目，結合vue-cli，webpack使用。
必定會涉及到組件的引用問題
這篇文章主要是教你怎樣改文件的路徑
首先找到build文件夾下面的webpack.base.conf.js這個文件。
打開這個文件找到
這個部分
然后開始修改這個部分
如圖：我修改之后的
這樣可以縮減文件導入的路徑
最后一步，也是最重要的一步，一定要重新進行npm install。
路徑才會生效
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要給大家介紹了關于Vue腳手架創(chuàng)建的相關資料,Vue腳手架是vue官方提供的標準化開發(fā)工具(平臺),文中通過代碼以及圖文介紹的非常詳細,需要的朋友可以參考下2024-01-01
隨著Web技術的不斷發(fā)展,前端開發(fā)也正日新月異,下面這篇文章主要給大家介紹了關于前端vue中實現(xiàn)嵌入代碼編輯器的相關資料,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2024-07-07
Vuex結合storage實現(xiàn)用戶信息本地存儲方式
這篇文章主要介紹了Vuex結合storage實現(xiàn)用戶信息本地存儲方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
Vuex Store 數(shù)據(jù)在頁面刷新后丟失的解決方法
當我們使用 Vue.js 和 Vuex 進行狀態(tài)管理時,一個常見的問題是頁面刷新會導致 Vuex store 中的數(shù)據(jù)丟失,本文將詳細介紹解決 Vuex Store 數(shù)據(jù)在頁面刷新后丟失的方法,感興趣的朋友一起看看吧2024-08-08
vue3中el-table實現(xiàn)多表頭并表格合并行或列代碼示例
這篇文章主要給大家介紹了關于vue3中el-table實現(xiàn)多表頭并表格合并行或列的相關資料,文中通過代碼介紹的非常詳細,對大家學習或者使用vue具有一定的參考借鑒價值,需要的朋友可以參考下2024-02-02
前端elementUI?select選擇器實現(xiàn)遠程搜索
這篇文章主要為大家介紹了前端使用elementUI?select選擇器實現(xiàn)遠程搜索，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-05-05
vue 輸入電話號碼自動按3-4-4分割功能的實現(xiàn)代碼
這篇文章主要介紹了vue 輸入電話號碼自動按3-4-4分割功能的實現(xiàn)代碼，本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-04-04
這篇文章主要給大家介紹了關于vue3.0公共組件自動導入的相關資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2021-04-04
這篇文章主要介紹了通過vue如何設置header,每個項目都有頭部但是內(nèi)容不一樣;這種情況我們可以考慮在app.vue中創(chuàng)建公共頭部，那么怎么配置公共頭部header，下面小編通過實例代碼詳細講解，需要的朋友可以參考下2023-02-02
ElementPlus?Table表格實現(xiàn)可編輯單元格
本文主要介紹了ElementPlus?Table表格實現(xiàn)可編輯單元格,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2024-12-12