2016-12-22 25 views
5

webpackローダーts-loaderを使用して、typescriptソースファイルをjavascriptバンドルにコンパイルしています。今私は個々のコンパイルされたjavascriptファイルも、バンドルだけでなく保存したい!私は非常にシンプルなWebpackプラグインを書くのが好きですが、これを実装する方法についてはわかりません。つまり、私は、ウェブパックが聴くためにどのイベントがトリガされたのか、関連するデータをどこに見つけるのか分かりません。どんな助け?バンドル以外のwebpack出力を個々のコンパイル済みファイルに出力する

+0

個別のWebpackコンパイル済みファイルを使用することはできません。 'Uncaught ReferenceError:__webpack_require__が定義されていません。 ' – Thaadikkaaran

+0

しかしts-loaderはtypescriptコンパイラでtsをjsにコンパイルする前にまずwebpackがコードの中の何かを変更する必要がありますか?私はちょうどそれらの別々のjsファイルがほしい – Flion

答えて

2

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

loaderをよく書き込んでください。ts-loaderに蒸留源を保持するオプションを提供してもらいます。

または、私はloaderと書いています。これは、typescriptでコンパイルしたファイルを個別のファイルとして保存できます。

二ローダーとして

下に示すように、あなたはこのローダー秒ローダーまたはポストローダーを使用することができます。

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

またはポストローダー

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

注意として:scatter-loader作業中です。

+0

ああ、あなたが実際にこれのためのローダーを書きました、これをチェックしてください! – Flion

関連する問題