At the moment, I am utilizing webpack 4 along with react loadable to generate chunks. Interestingly, the chunks are dependent on the breakpoint. However, the size of the vendor remains constant. Could it be possible that React loadable does not yet support webpack 4 or have I overlooked some configuration?
The CSS appears to be split into chunks as well.
{
output: {
path: 'tothe path',
publicPath: `/publicPath/`,
filename: '[name] + '.js',
chunkFilename: '[name]',
},
resolve: {
extensions: ['.js', '.json', '.css'],
alias: aliases
},
stats: {
warnings: false,
children: false,
},
optimization: {
splitChunks: {
chunks: "all",
name: true,
cacheGroups: {
common: {
name: "vendor" + ".js",
test: /[\\/]node_modules[\\/]/,
chunks: "all",
enforce: true,
reuseExistingChunk: false,
},
}
}
}
}