HtmlWebpackPlugin爲了

Question

我的環境是如下

• 的WebPack
• angular2
• HtmlWebpackPlugin

我提取webpack.config.js文件如下

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

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

該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' 
})