ホームページ > 記事 > ウェブフロントエンド > Angular10 で @path エイリアスを構成する方法についての簡単な説明
Angular10 で @path エイリアスを構成する方法についての簡単な説明
- 青灯夜游転載
- 2021-03-16 09:38:541813ブラウズ
この記事では、Angular10 で @path エイリアスを構成する方法を紹介します。一定の参考値があるので、困っている友達が参考になれば幸いです。
関連する推奨事項: 「angular チュートリアル 」
Angular10 での構成@パス エイリアス
Angular10 のプロジェクト ファイル構造中文网站
Angular10 # #tsconfig構成は 4 つのファイルに分割されています
tsconfig.jsonワークスペース内の各プロジェクトのデフォルトのTSP 構成tsconfig.base.jsonワークスペース内のすべてのプロジェクトで使用される基本TS構成。他のすべての構成ファイルはこの基本から継承されます。ファイルtsconfig.app.jsonアプリケーション固有のTS構成には、TSおよびAngular# # が含まれます#テンプレート コンパイラのオプション- ##tsconfig.spec.json
TSアプリケーション テストの構成
tsconfig.base.json1 にあります。 TS
が導入され、compilerOptions にフィールド paths を追加して宣言マッピング <pre class="brush:php;toolbar:false">{
"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/*"]
}
}
}</pre>2 を実行し、@ / は、
3 を使用することと @/
4 を使用することと同じです。 
@/
プログラミング関連の知識の詳細については、
プログラミング ビデオ以上がAngular10 で @path エイリアスを構成する方法についての簡単な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。