Мой конфиг splitChunks очень прост.Единственное, что я добавляю, это блок стилей, который объединит все CSS (без этого он разрывает страницу)
Работа с Реактивная загрузка
optimization: {
splitChunks: {
maxAsyncRequests: 20,
maxInitialRequests: 20,
cacheGroups: {
styles: {
name: 'styles',
test: /\.css$/,
chunks: 'all',
enforce: true,
reuseExistingChunk: true
},
}
}},

Как видите, есть два разных инициатора для файлов javascript.скрипт из main.js является общим javascript, таким как общий код поставщика.
ex) home ~ about ~ profile.js
Эти файлы будут загружены после того, как начальный скрипт былparsed.
Есть ли в любом случае, чтобы получить те общие на стороне сервера ??
Аналогичный вопрос Webpack 4 и реагирующая загрузка не создает правильный чанк для рендеринга на стороне сервера