javascript - バンドル以外の個々のコンパイル済みファイルを webpack に出力させる

Question

ts-loadertypescript ソースファイルを javascript バンドルにコンパイルするために webpack ローダーを使用しています。ここで、バンドルだけでなく、個別にコンパイルされた JavaScript ファイルも保存したいと思います。私は非常に単純な webpack プラグインの作成に慣れていますが、これを実装する方法がわかりません。つまり、webpack によってトリガーされたどのイベントをリッスンするのか、関連するデータがどこにあるのかわかりません。何か助けはありますか？

Answer 1

コメントしたように、webpack でコンパイルされた個々のファイルは使用できません。で壊れる可能性がありUncaught ReferenceError: __webpack_require__ is not definedます。

独自に作成するか、トランスパイルされたソースを保持するオプションを提供するloaderよう依頼することをお勧めします。ts-loader

または、タイプスクリプトのコンパイル済みファイルを個別のファイルとして保存できるローダーを作成しました。

以下に示すように、このローダーの2番目のローダーまたはポストローダーを使用できます

2 番目のローダーとして:

module: {
    loaders: [{
      test: /\.ts?$/,
      loaders: ['scatter-loader', 'ts-loader']
    }]
}

またはポストローダーとして

module: {
    loaders: [{
      test: /\.ts?$/,
      loaders: ['ts-loader']
    }],
    postLoader: [{
      test: /\.ts?$/,
      loaders: ['scatter-loader']
    }]
}

注： scatter-loader工事中です。