chore: bundle analyzer plugin

Author: Haroenv

package.json

@@ -15,6 +15,7 @@
     "pre-commit": "^1.2.2",
     "prettier": "^1.5.3",
     "webpack": "^3.5.5",
+    "webpack-bundle-analyzer": "^2.9.1",
     "webpack-manifest-plugin": "^1.3.1"
   },
   "scripts": {
@@ -25,7 +26,10 @@
     "lint:staged": "lint-staged"
   },
   "lint-staged": {
-    "*.js": ["prettier --write --single-quote --trailing-comma=es5", "git add"]
+    "*.js": [
+      "prettier --write --single-quote --trailing-comma=es5",
+      "git add"
+    ]
   },
   "pre-commit": "lint:staged",
   "repository": {

webpack.config.js

@@ -2,6 +2,7 @@ const path = require('path');
 const webpack = require('webpack');
 const ManifestPlugin = require('webpack-manifest-plugin');
 const HappyPack = require('happypack');
+const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer');
 
 const plugins = [
   new webpack.EnvironmentPlugin({
@@ -37,6 +38,10 @@ const plugins = [
   new webpack.NamedModulesPlugin(),
 ];
 
+if (process.env.NODE_ENV === 'debug') {
+  plugins.push(new BundleAnalyzerPlugin());
+}
+
 if (process.env.NODE_ENV === 'production') {
   plugins.push(new webpack.optimize.OccurrenceOrderPlugin());
   plugins.push(new webpack.optimize.UglifyJsPlugin({ sourceMap: true }));