了解SplitChunksPlugin与Webpack的集成

Question

我对webpack还是很陌生，我正在寻求一些优化。目前，我正在使用SplitChunksPlugin拆分共享的node_modules。

    splitChunks: {
        cacheGroups: {
            commons: {
                test: /[\\/]node_modules[\\/]/,
                name: "vendors",
                chunks: "all"
            }
        }
    }

目前我有两个入口点 条目：{一个：“ ./ one-main.js”，两个：“ ./ two-main.ts”}，

所以在我的dist文件夹中，我现在得到了dev.vendors.bundle.js。

当我重新加载浏览器时，可以看到one-main.js和two.main.js的大小显着减小。但是，我还需要在HTML文件中包含dev.vendors.bundle.js，该文件的大小可以抵消我在其他两个文件上节省的任何费用。 我的理解（可能是错误的）是，这两个捆绑软件应在prod中具有释放哈希（在文件名中）（因此不会被浏览器缓存）。但是，node_modules的内容不太可能更改，因此dev.vendors.bundle.js不应具有发布哈希，因此将被浏览器缓存。这是正确的还是我不合时宜？我已经阅读了一些教程，但仍然无法解决问题！ 任何帮助将不胜感激。