Webpack4. Есть настройка:
optimization: {
splitChunks: {
chunks: 'all',
minSize: 30000,
minChunks: 1,
maxAsyncRequests: 5,
maxInitialRequests: 3,
automaticNameDelimiter: '~',
name: false,
cacheGroups: {
vendors: {
test: /[\\/]node_modules[\\/]/,
priority: -10,
name: 'vendors',
maxSize: 240000,
},
default: {
minChunks: 2,
priority: -20,
reuseExistingChunk: true,
},
},
},
},
Все работает, если не указывать maxSize. если указываешь макс сайз, то к имени chunk добавляет хэш типо vendors~32131274, из за этого я не могу указать чанк в html webpack plugin ( и не только ):
new HtmlWebpackPlugin({
chunks: ['app', 'vendors'],
hash: true,
template: path.join(paths.PUBLIC, 'index.html'),
filename: 'index.html',
}),
Что делать? Уже все обрыл. И еще очень странно разбивает бандл. Бандл с вендорами весит 1м, но при указании макс 240кб, разбивает не на 5-6 кусков, а на 15