vue為自定義路徑設(shè)置別名的方法
更新時(shí)間：2021年11月29日 15:04:34 作者：秋田君
這篇文章介紹了vue為自定義路徑設(shè)置別名的方法，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
Vue中如何配置自定義路徑別名
在我們?nèi)粘ｉ_(kāi)發(fā)中，常常會(huì)導(dǎo)入一些模塊或者組件，如果采用相對(duì)路徑的方式：
import uEditor from "../../../../../components/tools";
會(huì)顯得臃腫，多余，如果引用稍有差錯(cuò)就會(huì)出現(xiàn)-404的報(bào)錯(cuò)，不優(yōu)雅，還會(huì)經(jīng)常出現(xiàn)404錯(cuò)誤，如果文件有變，還需要一個(gè)一個(gè)文件找到改路徑進(jìn)行重新修改，十分麻煩，vue cli3以上的版本在node_modules中提供了文件別名功能。但是還是建議沒(méi)有特別要求少改一點(diǎn)node_modules的代碼。
創(chuàng)建vue.config.js,寫(xiě)入配置代碼
module.exports = {
configureWebpack: {
resolve: {
alias: { //配置別名,修改后需要重新編譯才能生效
'assets': '@/assets',
'common': '@/common',
'components': '@/components',
'network': '@/network',
'views': '@/views',
}
}
}
}
如下圖：
注意：如果在HTML路徑中使用別名，需要在引用前面加上"~"前綴。
其他文件中引用：
以上所述是小編給大家介紹的vue為自定義路徑設(shè)置別名的方法，希望對(duì)大家有所幫助。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
vue+vuex+axios實(shí)現(xiàn)登錄、注冊(cè)頁(yè)權(quán)限攔截
下面小編就為大家分享一篇vue+vuex+axios實(shí)現(xiàn)登錄、注冊(cè)頁(yè)權(quán)限攔截，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-03-03
vue使用自定義指令來(lái)控制頁(yè)面按鈕組的權(quán)限思想
這篇文章主要介紹了vue使用自定義指令來(lái)控制頁(yè)面按鈕組的權(quán)限思想，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-08-08
這篇文章主要介紹了vue抽出組件并傳值實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-07-07
vite+vue3中使用mock模擬數(shù)據(jù)問(wèn)題
這篇文章主要介紹了vite+vue3中使用mock模擬數(shù)據(jù)問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-03-03
vue?實(shí)現(xiàn)滑動(dòng)塊解鎖示例詳解
這篇文章主要為大家介紹了vue?實(shí)現(xiàn)滑動(dòng)塊解鎖示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-08-08
這篇文章主要介紹了vue3無(wú)法使用jsx的問(wèn)題及解決方案，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-09-09
ant?design?vue的table取消自帶分頁(yè)問(wèn)題
這篇文章主要介紹了ant?design?vue的table取消自帶分頁(yè)問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-10-10
這篇文章主要介紹了 vue-cli安裝使用流程,本文分步驟給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2018-11-11
e中提供了一種混合機(jī)制--mixins，用來(lái)更高效的實(shí)現(xiàn)組件內(nèi)容的復(fù)用。這篇文章主要介紹了Vue mixin 的用法,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2018-04-04
這篇文章主要介紹了Vue3.x最小原型系統(tǒng)講解。既然用Vue3.0構(gòu)建最小原型系統(tǒng)，那么肯定要用尤大的最新構(gòu)建工具Vite來(lái)進(jìn)行項(xiàng)目的初始化，下文舉例說(shuō)明,需要的朋友可以參考一下2022-02-02