HtmlWebpackPlugin順

Question

次のように私の環境がある

• のWebPACK
• angular2
• HtmlWebpackPlugin

私

entry: { 
    'polyfills': './src/polyfills.browser.ts', 
    'main': './src/main.browser.ts' 
}, 

    new HtmlWebpackPlugin({ 
    template: 'src/index.html' 
    }), 

を次のようにファイルがあるwebpack.config.js抽出

fi生成されます最終HTMLは次のスクリプトを持っている

<script type="text/javascript" src="main.bundle.js"></script><script type="text/javascript" src="polyfills.bundle.js"></script> 

私の問題はpolyfills.bundle.jsがmain.bundle.js後に参照されていることです参照しています。このため、アプリは動作しません。私が知っていることから、スクリプトファイルは逆の順序で参照されるべきです。これをどうやって解決するのですか？さらに、HtmlWebpackPluginはスクリプトを挿入する順序をどのように決定しますか？

Answer 1

chunksSortModeオプションの場合は'manual'の値を使用でき、プラグインはご注文時にチャンクをchunksオプションで並べ替えます。 詳細はthis GitHub issueを参照してください。

例：

new HtmlWebpackPlugin({ 
    ... 
    chunks: ['polyfills', 'main'], 
    chunksSortMode: 'manual' 
})