update commons/vendor chunk example

sokra · sokra · commit d0433233052e · 2018-01-22T15:18:41.000+01:00
diff --git a/examples/common-chunk-and-vendor-chunk/template.md b/examples/common-chunk-and-vendor-chunk/template.md
@@ -43,10 +43,16 @@ With this bundle configuration, you would load your third party libraries, then
 {{dist/vendor.js}}
 ```
 
-# dist/common.js
+# dist/commons~pageA~pageB~pageC.js
 
 ``` javascript
-{{dist/common.js}}
+{{dist/commons~pageA~pageB~pageC.js}}
+```
+
+# dist/commons~pageB~pageC.js
+
+``` javascript
+{{dist/commons~pageB~pageC.js}}
 ```
 
 # dist/pageA.js
diff --git a/examples/common-chunk-and-vendor-chunk/webpack.config.js b/examples/common-chunk-and-vendor-chunk/webpack.config.js
@@ -9,12 +9,15 @@ module.exports = {
 	},
 	optimization: {
 		splitChunks: {
-			chunks: "initial",
-			minSize: 0, // This is example is too small to create commons chunks
-			name: "common",
 			cacheGroups: {
+				commons: {
+					chunks: "initial",
+					minChunks: 2,
+					minSize: 0 // This is example is too small to create commons chunks
+				},
 				vendor: {
 					test: /node_modules/,
+					chunks: "initial",
 					name: "vendor",
 					enforce: true
 				}
