Typescript によるパスマッピング

Angular アプリケーションが複数のモジュールを含むサイズにスケーリングされると、Typescript インポートの可読性を維持することが難しくなる可能性があります。

見苦しくなることがあります。

import {something} from '../../../../../shared/shared.service'

それでも、インポートはそれほど長くする必要はありません。Typescript には、path mappingと呼ばれる解決策があります。

プロジェクトのtsconfig.jsonファイルに移動し、compilerOptionsプロパティ内でパス構成を追加または編集して、すべての長いパスにいくつかのエイリアスを提供します。

"paths": {
  "stubs/*": [
    "./src/app/stubs/*"
  ],
  "state/*": [
    "./src/app/state/*"
  ],
  "shared/*": [
    "./src/app/shared/*"
  ]
}

import {something} from 'shared/shared.service'

import {something} from '../../../../../shared/shared.service'

私の名前はアラン・ショタールです。私は Angular の Google Developer Expert であり、開発チームが Angular を学び、習熟するのを支援するAngular Trainingの創設コンサルタント兼トレーナーでもあります。

Angular のヘルプが必要ですか? 話す時間を決めましょう。

この投稿を楽しんだら、拍手または共有してください。いつもお世話になっております。

今週、毎日のメールリストのメンバーからメールを受け取りました。彼らは次のことを知りたかったのです。毎日、毎週、毎月どのリソースにアクセスしていますか? 素晴らしい質問です！私のワークフローと使用している主なリソースについての洞察を共有したいと思います。

このブログシリーズの目的は、Lit ライブラリを深く掘り下げ、その独自の機能と市場の他のライブラリやフレームワークとの違いを包括的に理解することです。シリーズは 3 部に分かれており、1 などのトピックを取り上げます。

facebook.com にリクエストを送信すると、コンピュータはドメイン名を検索してそのドメイン名を IP アドレスに変換し、コンピュータが接続できるようにします。

私たちがこの地球上で繁栄し続けたいのであれば、危険な会話をしなければなりません。私たちがこれまでやってきたこと、現在行っていること、そして現在継続して行う予定の（または計画している）ことに挑戦するものです。

アリソン・リー著、マネージング政府問題顧問連邦政府の年次歳出プロセスは、二酸化炭素除去 (CDR) に資金を提供する取り組みの中心です。毎年、Carbon180 は、来年の資金がどこに流れるかの指針となるよう、さまざまな議会事務所に要望書を提出しています。

Typescript によるパス マッピング