Webpack 代码拆分更改入口点？

Question

我一直在优化应用程序的前端代码和页面加载速度。 在开始在 Webpack 中进行代码拆分后，我遇到了一些问题。

在配置中包含以下行后，styles 和脚本已停止加载

optimization: {
    minimize: IS_PRODUCTION,
    splitChunks: {
    chunks: 'all',
    },
},

当我不分块代码时，块看起来像这样

我分块代码后，分块如下

也就是说，在我看来，不知何故789.js取代了index.js 。 但是，在模板中，我将文件包含为

<script src="{% static 'index.js' %}" type="text/javascript" defer></script>

我的问题是为什么会发生这种情况，应该做些什么来解决它？ 由于存在三个 jQuery 实例和其他可能的实例，因此分块在这里似乎是有利可图的。