我的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)主页〜关于〜profile.js
这些文件将在解析初始脚本后获取。
反正有没有在服务器端获取那些共享的文件?
类似的问题 Webpack 4 and react loadable does not seems to create correct chunk for server side rendering