溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章將為大家詳細講解有關Angular10如何配置@路徑別名，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。
Angular10中配置@路徑別名
Angular10中的項目文件結構 中文網站
Angular10中的tsconfig配置被分成了四個文件
tsconfig.json工作空間中各項目的默認TSP配置
tsconfig.base.json工作空間的所有項目使用的基礎TS配置，所有其它的配置文件都是繼承自這個基礎文件
tsconfig.app.json應用專屬的TS配置包括TS和Angular模板編譯器的選項
tsconfig.spec.json應用測試的TS配置
主要配置是在tsconfig.base.json中
1、因為在TS的配置中有介紹，在compilerOptions中添加字段paths來進行聲明映射
{
"compileOnSave": false,
"compilerOptions": {
"baseUrl": "./",
"outDir": "./dist/out-tsc",
"sourceMap": true,
"declaration": false,
"downlevelIteration": true,
"experimentalDecorators": true,
"moduleResolution": "node",
"importHelpers": true,
"target": "es2015",
"module": "es2020",
"lib": ["es2018", "dom"],
"paths": {
"@/*": ["src/*"]
}
}
}2、之后使用@/就相當于使用src/
3、使用了@/
4、沒有使用@/
可能會出現配置了之后在使用了的時候，編輯器拋出下劃線警告，如果確定配置沒問題，可以嘗試重啟編輯器試試
關于“Angular10如何配置@路徑別名”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
