vue為自定義路徑設(shè)置別名的方法
更新時間：2021年11月29日 15:04:34 作者：秋田君
這篇文章介紹了vue為自定義路徑設(shè)置別名的方法，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
Vue中如何配置自定義路徑別名
在我們?nèi)粘ｉ_發(fā)中，常常會導(dǎo)入一些模塊或者組件，如果采用相對路徑的方式：
import uEditor from "../../../../../components/tools";
會顯得臃腫，多余，如果引用稍有差錯就會出現(xiàn)-404的報錯，不優(yōu)雅，還會經(jīng)常出現(xiàn)404錯誤，如果文件有變，還需要一個一個文件找到改路徑進行重新修改，十分麻煩，vue cli3以上的版本在node_modules中提供了文件別名功能。但是還是建議沒有特別要求少改一點node_modules的代碼。
創(chuàng)建vue.config.js,寫入配置代碼
module.exports = {
configureWebpack: {
resolve: {
alias: { //配置別名,修改后需要重新編譯才能生效
'assets': '@/assets',
'common': '@/common',
'components': '@/components',
'network': '@/network',
'views': '@/views',
}
}
}
}
如下圖：
注意：如果在HTML路徑中使用別名，需要在引用前面加上"~"前綴。
其他文件中引用：
以上所述是小編給大家介紹的vue為自定義路徑設(shè)置別名的方法，希望對大家有所幫助。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
本文介紹了vuejs指令的相關(guān)知識，具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02
今天小編就為大家分享一篇element-ui 上傳圖片后清空圖片顯示的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
Vue實現(xiàn)側(cè)邊菜單欄手風(fēng)琴效果實例代碼
本文通過一段簡單的代碼給大家介紹了基于純vue實現(xiàn)側(cè)邊菜單欄手風(fēng)琴效果，代碼很簡單，感興趣的朋友跟隨腳本之家小編一起看看吧2018-05-05
詳解Vue源碼學(xué)習(xí)之callHook鉤子函數(shù)
這篇文章主要介紹了詳解Vue源碼學(xué)習(xí)之callHook鉤子函數(shù)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-07-07
Vite配置優(yōu)雅的code?spliiting代碼分割詳解
這篇文章主要為大家介紹了Vite配置優(yōu)雅的code?spliiting代碼分割詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-08-08
本篇文章主要介紹了詳解在Vue中有條件地使用CSS類，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-09-09
這篇文章主要介紹了關(guān)于vue的路由模式及修改方法，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-03-03
在Vue.js項目中,你可能需要執(zhí)行數(shù)據(jù)加密以確保敏感信息的安全,這篇文章為大家整理了Vue中常用的6種數(shù)據(jù)加密方式的使用,需要的小伙伴可以參考下2024-03-03
web面試MVC與MVVM區(qū)別及Vue為什么不完全遵守MVVM解答
這篇文章主要介紹了web面試中常問問題，MVC與MVVM區(qū)別以及Vue為什么不完全遵守MVVM的難點解答，有需要的朋友可以借鑒參考下，希望能夠有所幫助2021-09-09
Element-ui自定義table表頭、修改列標(biāo)題樣式、添加tooltip、:render-header使用
這篇文章主要介紹了Element-ui自定義table表頭、修改列標(biāo)題樣式、添加tooltip、:render-header使用，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-04-04