Понимание интеграции SplitChunksPlugin с Webpack

Question

Я довольно новичок в вебпаке и собираюсь сделать некоторые оптимизации.В настоящее время я использую SplitChunksPlugin для разделения общих узловых модулей.

    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 значительно уменьшились в размерах.Однако мне также нужно включить dev.vendors.bundle.js в мой HTML-файл, и размер этого файла компенсирует любую экономию, которую я сделал на двух других файлах.Насколько я понимаю (что может быть неверным), эти два пакета должны иметь хэши релизов (в имени файла) в prod (поэтому не будут кэшироваться браузером).Однако содержимое node_modules вряд ли изменится, и поэтому dev.vendors.bundle.js не должен иметь хеш-релиз и, следовательно, будет кэшироваться браузером.Это правильно или я не в порядке?Я прочитал несколько уроков, но все еще не могу обернуть голову вокруг этого!Любая помощь будет оценена.