這篇文章將為大家詳細講解有關(guān)Angular10如何配置@路徑別名，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

成都網(wǎng)絡(luò)公司-成都網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián)十多年經(jīng)驗成就非凡，專業(yè)從事成都做網(wǎng)站、網(wǎng)站建設(shè)、外貿(mào)營銷網(wǎng)站建設(shè)，成都網(wǎng)頁設(shè)計，成都網(wǎng)頁制作，軟文發(fā)布平臺，廣告投放等。十多年來已成功提供全面的成都網(wǎng)站建設(shè)方案，打造行業(yè)特色的成都網(wǎng)站建設(shè)案例，建站熱線：028-86922220，我們期待您的來電！

Angular10中配置@路徑別名

Angular10中的項目文件結(jié)構(gòu) 中文網(wǎng)站

Angular10中的tsconfig配置被分成了四個文件

• tsconfig.json工作空間中各項目的默認TSP配置

• tsconfig.base.json工作空間的所有項目使用的基礎(chǔ)TS配置，所有其它的配置文件都是繼承自這個基礎(chǔ)文件

• tsconfig.app.json應(yīng)用專屬的TS配置包括TS和Angular模板編譯器的選項

• tsconfig.spec.json應(yīng)用測試的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、之后使用@/就相當(dāng)于使用src/

3、使用了@/

4、沒有使用@/

可能會出現(xiàn)配置了之后在使用了的時候，編輯器拋出下劃線警告，如果確定配置沒問題，可以嘗試重啟編輯器試試

關(guān)于“Angular10如何配置@路徑別名”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，使各位可以學(xué)到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。