Reactでimportする際に絶対パスで書くときの設定

Reactでコンポーネントをimportする時などに、いちいち相対パスで書くのは面倒。 そんな時は、絶対パスで書けるように設定しておきましょう。

import Button from '../../components/atom/Button'

import Button from 'components/atom/Button'

設定

非常に簡単です。プロジェクトのルートに jsconfig.json 又は、 tsconfig.json を作成して、以下を追記するのみです。

{
  "compilerOptions": {
    "baseUrl": "src"
  },
  "include": ["src"]
}

これでいちいち相対パスで書くストレスから開放されます。

Create React App Document