solving your stackoverflow question

[carloluis]

Updating Webpack config optimization option to:

optimization: {
	runtimeChunk: 'single',
	splitChunks: {
		chunks: 'all',

		cacheGroups: {
			default: {
				enforce: true,
				priority: 1
			},
			vendors: {
				test: /[\\/]node_modules[\\/]/,
				priority: 2,
				name: 'vendors',
				enforce: true,
				chunks: 'all'
			}
		}
	}
}

@lencioni : This Pull request is related to this answer on StackOverflow

More info related to Webpack 4 in this demo project

[carloluis]

Comparison

Before

npm run build

After

npm run dedup

[lencioni]

Thanks for the PR! Unfortunately this isn't quite what I need. I've updated my stackoverflow question to hopefully clarify things a bit. I'm currently trying out creating a cacheGroup for each of these core bundles that uses the function version of test, which seems really close to what I need. My current test is something like this:

test(code, meta) {
  return meta.some((chunk) => {
    return chunk.entryModule.rawRequest === './src/bundles/core.js';
  });
},

but I'm not really sure if this is the right property to look at to make this decision. I think I still need to play around some.