Add webpack analyzer

Author: Daniel Karlsson

README.md

@@ -96,3 +96,12 @@ Autofix via eslint:
 ```
 npm run eslint:fix
 ```
+
+### Additional commands and troubleshooting ###
+
+To run webpack analyzer to check your bundle and packagesizes you can append --analyze to a command
+```
+npm start -- --analyze
+npm run build -- --analyze
+npm run build:prod -- --analyze
+```

package-lock.json

@@ -122,6 +122,7 @@
     "storybook-addon-smart-knobs": "^4.1.2",
     "style-loader": "^0.23.1",
     "webpack": "^4.30.0",
+    "webpack-bundle-analyzer": "^3.3.2",
     "webpack-cli": "^3.3.1",
     "webpack-dev-server": "^3.3.1"
   },

package.json

@@ -3,6 +3,7 @@
 const path = require('path');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const CopyWebpackPlugin = require('copy-webpack-plugin');
+const BundleAnalyzerPlugin = process.argv.indexOf('--analyze') !== -1 ? require('webpack-bundle-analyzer').BundleAnalyzerPlugin : false;
 
 const configFile = require('./internals/config')();
 
@@ -99,4 +100,8 @@ const config = {
     ]
 };
 
+if(BundleAnalyzerPlugin) {
+    config.plugins.push(new BundleAnalyzerPlugin());
+}
+
 module.exports = config;