javascript - 在 Webpack 中订购多个入口点

Question

我的 Webpack 配置中有多个条目:

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

当我运行 npm start ( webpack-dev-server --inline --progress --port 8080 --bail ) \<my-app>Loading...</my-app>在我的 index.html 中按以下顺序变成脚本:

<script type="text/javascript" src="http://localhost:8080/common.js"> <!--I also have CommonsChunkPlugin-->
</script><script type="text/javascript" src="http://localhost:8080/vendor.js"></script>
<script type="text/javascript" src="http://localhost:8080/polyfills.js"></script>
<script type="text/javascript" src="http://localhost:8080/app.js"></script>

但是当我运行 webpack -p --progress --profile --bail它的顺序是:

common, app, polyfil, then vendor

顺序很重要。如果在 polyfil.js 或 vendor.js 之前运行，我的 app.js 代码将无法运行。 如何控制顺序？

Answer 1

现在您可以使用“手动”选项:

new HtmlWebpackPlugin({
    chunks: ['polyfill', 'vendor', 'bundle'],
    chunksSortMode: 'manual',
}),