chore: update Webpack to the latest version + update build config to be better optimized for production — workaround to the normal production mode not fully rendering all components as expected

Author: bolt-bot

packages/uikit-workshop/package.json

@@ -61,8 +61,8 @@
     "sass-loader": "^7.1.0",
     "style-loader": "^0.23.1",
     "uglifyjs-webpack-plugin": "^1.2.7",
-    "webpack": "4.16.3",
-    "webpack-cli": "^3.1.0",
+    "webpack": "4.26.3",
+    "webpack-cli": "^3.1.2",
     "workbox-build": "^3.4.1",
     "yargs": "^12.0.1"
   },

packages/uikit-workshop/webpack.config.js

@@ -15,7 +15,7 @@ const explorer = cosmiconfig('patternlab');
 // @todo: wire these two ocnfigs up to use cosmicconfig!
 const defaultConfig = {
   buildDir: './dist',
-  prod: false, // or false for local dev
+  prod: true, // or false for local dev
   sourceMaps: true,
   publicPath: '/styleguide/',
 };
@@ -180,10 +180,28 @@ module.exports = async function() {
         ],
       },
       cache: true,
-      mode: config.prod ? 'production' : 'development',
+      // mode: config.prod ? 'production' : 'development',
+      mode: 'development', // temp workaround till strange rendering issues with full `production` mode are switched on in Webpack
       optimization: {
+        minimize: true,
+        occurrenceOrder: true,
+        namedChunks: true,
+        removeAvailableModules: true,
+        removeEmptyChunks: true,
+        nodeEnv: 'production',
         mergeDuplicateChunks: true,
         concatenateModules: true,
+        splitChunks: {
+          chunks: 'async',
+          cacheGroups: {
+            vendors: {
+              test: /[\\/]node_modules[\\/]/,
+              name: 'vendors',
+              chunks: 'async',
+              reuseExistingChunk: true,
+            },
+          },
+        },
         minimizer: config.prod
           ? [
               new UglifyJsPlugin({