🦁

Reactのimportに絶対パスを使う

2020/11/07に公開

あるプロジェクトで絶対パスでComponentをimportしていることを知り,調べて試してみたら,めっちゃ簡単だった.

方法

jsconfig.jsonまたは,tsconfig.jsonに以下を追加
（"baseUrl": "src"の一文を該当の箇所に追加）

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

⚠️この場合はデフォルトの絶対パスが,srcから始まるので注意！！

プロジェクトフォルダから絶対パスしたい場合は,

{
  "compilerOptions": {
    "baseUrl": "."
 }
}

これだけでOK！！

src/recoil/atoms.jsの場合なら,

import { userState, postsState } from 'recoil/atoms.js'

State管理系のimportが統一感なくてだるいと思ってたので,良き.