以下の手順が必要です。
tsconfig.json
にpaths
を記述package.json
にalias
を記述
tsconfig.json に paths を記述
こっちはやっている前提みたいな感じですが、以下のように設定するとfoo
という名前で TypeScript がsrc/foo/index.ts
を見てくれるようになります。
{
"baseUrl": ".",
"paths": {
"foo": ["src/foo/index.ts"]
}
}
ですが、これはあくまで TypeScript で解決できるようにしたという話なだけで、 Parcel にとっては何の関係もない設定なので、Parcel 側では「foo
でsrc/foo/index.ts
なんだな」という紐づけができていません。
package.json に alias を記述
Parcel の紐づけは、pacakge.json
にalias
というセクションを置く必要があります。
{
"alias": {
"foo": "./src/foo/index.ts"
}
}
これで Parcel を起動した時にfoo
という名前でインポートできるようになっているはずです。
ちなみにこのalias
は相対パス./
や../
から書く必要があるようです。