webpack で Typescript ビルドする時は extensions に .js も忘れないようにしような

タイトルで言いたいことはすべてなんですが、1年ぶりくらいに Typescript 触ってハマったので気をつけてねと言う話。

webpack で TypeScript をビルドする時に、extensions にこうやって設定すると思うんですが、

  resolve: {
    extensions: ['.js', '.ts']
  }

.js を忘れると、node_modules から他のパッケージを読み込んだりする時に .js のファイルを考慮にいれないため、Module not foundとか言って怒られます。

webpack 4 に上げたので 0 から構築するかと思ってやってまして、ts ファイルしか関係ない最小構成でやってた時はビルドが通ってたので、パッケージの依存関係がおかしいのかとか右往左往してしまいました。

あまりに初歩的ですが、忘れないように記録。