技術

【Angular7】ファイルの指定をルート相対パスにする

投稿日:

こんにちは

Angularで別ファイル(例えばcomponentからservice)を読み込む時は基本的に相対パスで指定するかと思います。

ですが、アプリケーションを作成していると相対パスだと記述が長すぎたり、ディレクトリを移動させる時にパスを書き換える必要があったりして、まあまあストレスがたまります。

今回はルート相対パスで記述できるようにしたいと思います。

tsconfig.jsonを開いて

"paths": {
  "@app/*": ["src/app/*"],
  "@environments/*": ["src/environments/*"],
}

と記述します。

そうすると

// src/app/shared/test.serviceと一緒
import { TestService } from '@app/shared/test.service';
// src/environments/environmentと一緒
import { environment } from '@environments/environment';

みたいな感じで記述できるようになります。

angularだとcoreやsharedはよく使うので指定しておくと便利です。

-技術

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

関連記事

【ionic】バックボタンの文字だけ消す

どうも中田です。 今回はHTML5ハイブリッド開発でお馴染みのionicについて …

no image

【AWS】mysqldump&S3バックアップ。それは一瞬の出来事

こんにちは、中田です。 RDSでしっかりとバックアップ! とまでしなくていい場合 …

[Angular6] 一つのタグに複数の条件分岐を書く

こんにちは どうしても一つのタグに複数の条件分岐を書きたい時があるかと思います。 …

no image

[Angular]リアクティブフォームの頻出クラスと定義について

Angularのチュートリアルでは、フォームはngModelで双方向バインドでき …

no image

[wordpress]各固定ページに個別のCSSを読み込ませる

こんばんは wordpreddでオリジナルテーマを作成している時、各固定ページに …