【TypeScript/JavaScript】importの起点になるパスを設定する
2024-1-22 | JavaScript, TypeScript
TypeScriptやJavaScriptな開発環境でimport
の起点になるパスを設定したい!
概要
今回の記事では、TypeScriptやJavaScriptな開発環境でimport
の起点になるパスを設定する手順を掲載する。
create-react-app
で作ったプロジェクトはベースになるパスが設定されておらず、プロジェクト内のコンポーネントなどをimport
する際に相対パスでしか設定できないんだけども、大きめのプロジェクトだとパス設定が煩雑になるのでなんとかする!
仕様書
環境
- typescript 5.2.2
手順書
TypeScriptの場合はプロジェクトのルートにあるtsconfig.json
(JavaScriptの場合はjsconfig.json
)のcompilerOptions
の中でbaseUrl
に起点となるパスを設定できる。
下記はsrc
を起点とする例。
{
"compilerOptions": {
...
"baseUrl": "./src"
},
...
}
まとめ(感想文)
デフォルトでこの設定でよくなくなくなくない?