淺談Angular10配置@路徑別名的方法

本篇文章為大家介紹Angular10配置@路徑別名的方法。有一定的參考價值，有需要的朋友可以參考一下，希望對大家有幫助。

相關推薦：《angular教學》

Angular10中設定@路徑別名

Angular10中的專案檔案結構中文網站

Angular10中的tsconfig配置被分成了四個檔案

• tsconfig.json工作空間中各專案的預設TS#P配置

• 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配置@路徑別名的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！