Javascript 理解SplitChunksPlugin与Webpack的集成

我对webpack还比较陌生，我希望能做一些优化。目前，我正在使用SplitChunksPlugin来拆分共享节点_模块

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

目前我有两个入口点 条目：{one:'./one main.js'，two:'./two main.ts}

因此，在我的dist文件夹中，我现在得到一个dev.vendors.bundle.js

重新加载浏览器时，我可以看到one-main.js和two.main.js的大小显著减小。但是，我还需要在html文件中包含dev.vendors.bundle.js，该文件的大小抵消了我在其他两个文件上节省的成本。 我的理解（这可能是错误的）是，这两个bundle应该在prod中具有释放哈希（在文件名中）（因此不会被浏览器缓存）。但是，节点_模块的内容不太可能更改，因此dev.vendors.bundle.js不应具有发布哈希，因此将由浏览器缓存。这是正确的还是我偏离了目标？我已经读了好几本教程，但仍然无法理解它！ 任何帮助都将不胜感激