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

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

↓

```javascript
import Button from 'components/atom/Button'
```

## 設定

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

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

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

[Create React App Document](https://create-react-app.dev/docs/importing-a-component/#absolute-imports)

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

設定