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