[React] import文を絶対パスで記述できるようにする方法

スポンサーリンク

概要

React.jsでの開発において、jsconfig.json(TypeScriptの場合はtsconfig.json)のcompilerOptionsにbaseUrlを指定すると、import文を絶対パスで記述できるようになる。

{
  "compilerOptions": {
    // 省略
    "baseUrl": "."
  }
}

これにより
import Header from '../../../../components/layouts/header'
のような長い相対パスは
import Header from 'components/layouts/header'
と記述できるようになる。

おすすめ書籍

コメント