import的路徑要如何縮寫

vue import @import router

greenriver 2021-11-04 08:25:32 ‧ 1300 瀏覽

您好，
我想請問一下。
關於元件之間或SCSS之間 import的路徑，該如何縮寫比較好?

如下，如果遇到有很多的../../../的情況，有更好的寫法嗎?(單純看了很刺眼XD)

import ComponentA from '../../../components/ComponentA.vue'

我的作業環境是Vue3。

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

Homura

iT邦高手 1 級 ‧ 2021-11-04 09:53:33

最佳解答

要去vue.config調整alias
詳細看官方文件有寫

froce iT邦大師 1 級 ‧ 2021-11-04 10:57:07 檢舉

我記得用vue-cli預設 @ 是source的根目錄

import ComponentA from '@/components/ComponentA.vue'

vue-cli在給你腳手架的時候，有註解。

Homura iT邦高手 1 級 ‧ 2021-11-04 11:59:52 檢舉

froce
疑?有嗎?
我開一個新的長這樣

froce iT邦大師 1 級 ‧ 2021-11-04 12:57:39 檢舉

舊版的我記得有，不過我自己的開發環境也換成新版的了。

找了用舊版cli產生的vue2專案。
的確有

// @ is an alias to /src

這樣的註解。

目前版本的好像就真的沒有了。

立即登入回答

參賽組數

1123 組

團體組數

52 組

累計文章數

23096 篇

完賽人數

656 人

IT邦幫忙

import的路徑 要如何縮寫