如何在Vue專案中配置路徑別名

2021-10-01 22:41:11 字數 408 閱讀 7122

首先在當前專案的根目錄下建立乙個vue.config.js的檔案,這個檔案在vue腳手架3中不會自己建立,需要自己手動建立,建立完成後新增如下**:

module.exports =}}

,}

上述**中 alias物件中的 鍵 相當於路徑的別名 而 值 相當於具體的路徑

這樣我們的路徑別名就配置好了,在專案中我們再也不需要用到類似 …/…/ 這樣的路徑形式了,

沒有配置路徑別名

配置了路徑別名

有了路徑別名我們再也不需要考慮什麼當前資料夾的上一層的上一層… 可以直接找到src目錄下的資料夾

需要注意的是 當別名應用於html標籤或者css樣式裡面時,需要在路徑別名的前面加上乙個~符號,如下圖:

vue專案中使用heyui,如何在全域性配置主題色彩

1 在src資料夾下新建資料夾,命名為common 2 在common資料夾下新建less檔案,命名為common.less 3 將此段 複製到common.less檔案中 ps 具體色值根據個人需求設定 import less heyui themes var.less 重新定義主題 primar...

vue 專案中引用路徑的配置

在日常的專案開發中,經常會引用css,less,js,img等的檔案的路徑問題,之前也有些模糊,現在記錄下來,方便自己清晰的理解一遍,也方便以後使用。首先說說最常見的.兩種 是指當前目錄下 是指父級目錄下 接下來再說說 就是你在build資料夾下webpack.base.conf.js檔案中的res...

Vue專案路徑別名設定

用vue cli搭建好vue專案之後,進入正式開發過程,有時候會發現各種import路徑中都存在長串的重複路徑,比如 import src assets styles reset.css import src assets styles border.css 為了方便維護,可以開啟build檔案下的...