ホームページ >ウェブフロントエンド >jsチュートリアル >Angular10 で @path エイリアスを構成する方法についての簡単な説明

Angular10 で @path エイリアスを構成する方法についての簡単な説明

青灯夜游
青灯夜游転載
2021-03-16 09:38:541864ブラウズ

この記事では、Angular10 で @path エイリアスを構成する方法を紹介します。一定の参考値があるので、困っている友達が参考になれば幸いです。

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アプリケーション テストの構成

Angular10 で @path エイリアスを構成する方法についての簡単な説明

主な構成は

tsconfig.base.json1 にあります。 TS

が導入され、compilerOptions にフィールド paths を追加して宣言マッピング <pre class="brush:php;toolbar:false">{     &quot;compileOnSave&quot;: false,     &quot;compilerOptions&quot;: {         &quot;baseUrl&quot;: &quot;./&quot;,         &quot;outDir&quot;: &quot;./dist/out-tsc&quot;,         &quot;sourceMap&quot;: true,         &quot;declaration&quot;: false,         &quot;downlevelIteration&quot;: true,         &quot;experimentalDecorators&quot;: true,         &quot;moduleResolution&quot;: &quot;node&quot;,         &quot;importHelpers&quot;: true,         &quot;target&quot;: &quot;es2015&quot;,         &quot;module&quot;: &quot;es2020&quot;,         &quot;lib&quot;: [&quot;es2018&quot;, &quot;dom&quot;],         &quot;paths&quot;: {             &quot;@/*&quot;: [&quot;src/*&quot;]         }     } }</pre>2 を実行し、@ / は、

src/

3 を使用することと @/

4 を使用することと同じです。 Angular10 で @path エイリアスを構成する方法についての簡単な説明@/

Angular10 で @path エイリアスを構成する方法についての簡単な説明

# が使用されていない場合、設定後に使用すると、エディターによって下線の警告がスローされる場合があります。構成に問題はありません。エディタを再起動してみてください。

プログラミング関連の知識の詳細については、

プログラミング ビデオ

を参照してください。 !

以上がAngular10 で @path エイリアスを構成する方法についての簡単な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はcsdn.netで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。