みかづきブログ・カスタム

基本的にはちょちょいのほいです。

TypeScriptでスクリプトファイルをimportする際に拡張子を省略する為のwebpack.config.jsの設定 📦

f:id:kimizuka:20201030232135p:plain

すべては公式ドキュメントに乗っています。

webpack.js.org

resolve.extensionsに文字列の配列を渡せばOKです。

webpack.js.org

module.exports = {
  //...
  resolve: {
    extensions: ['.ts', '.js', '.json']
  }
};

TypeScriptファイル、JavaScriptファイル、JSONファイルを読み込みたければこんな感じです。
場合によっては、.jsxや.tsx、.vueなどを記述しても便利です。