細かくpackage.jsonでmainを指定しておくと便利

読んでなるほどと思ったのでメモ。言われてみれば確かにそう。

components
└── Button
    ├── Button.module.css
    └── Button.tsx

みたいな構造になっているときにButton.tsxをimportすると

import Button from '~/components/Button/Button'

と書かないといけない。index.tsにする手もあるけど全部index.tsになってしまう。そこで、ここにpackage.jsonを置いて

components
└── Button
    ├── Button.module.css
    ├── Button.tsx
    └── package.json

{
  main: "Button.tsx"
}

とすると

import Button from '~/components/Button'

でimportできる。

mmag