技術

【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 を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

関連記事

no image

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

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

no image

videoタグとIEの話

以前下記のようなコードでvideoの再生が終了したら別な動画をsrcにセットして …

no image

【Rails】RailsでFriendlyURLを設定する

こんばんは 例えばRailsでブログ記事ページのルーティングを設定するときは b …

wgetコマンドで指定のサイトをダウンロードしてみる。

wgetコマンドって? 下記の形式のコマンドを叩くと、指定のURLからファイルを …

no image

【Angular】component.htmlをprettierで整形する

こんにちは 今回はcomponent.htmlをprettierで整形する方法を …