技術

【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

【ionic】リリースする!ちょっとその前に(version指定)

どうも、中田です。 ionic便利ですよね。 コマンド一つでマルチプラットフォー …

no image

【Vagrant】はじめまして!はじめました!

どうも中田です。 仮想マシンと言えば、VMWare、EC2、VirtualBox …

AWSのデフォルトリージョンを東京にしたい!

こんにちは。たなかです。 AWSにログインすると、リージョンがデフォルトでオハイ …

no image

[Angular]APIから画像を取得して表示する

こんばんは アプリケーションを作っていてフロント側で画像を出すときって ストレー …

[Rails]「どのブラウザからのアクセスか」を判別する方法

こんにちは。たなかです。 前回以下のような記事を書きました。   [R …