feat(webpack): support --analyze

Author: 3cp

webpack/README.md

@@ -0,0 +1,3 @@
+## Analyze webpack bundle
+
+    npm run analyze

webpack/package.json

@@ -5,6 +5,7 @@
     "webpack-cli": "^3.0.0",
     "webpack-dev-server": "^3.0.0",
     "html-webpack-plugin": "^3.0.0",
+    "webpack-bundle-analyzer": "^3.0.0",
     // @if shadow-dom
     "to-string-loader": "^1.0.0",
     // @endif
@@ -34,6 +35,7 @@
   "scripts": {
     "start": "webpack-dev-server",
     "build": "rimraf dist && webpack --env production",
+    "analyze": "webpack --env production --analyze",
     // @if jasmine || tape || mocha
     "build:test": "rimraf dist && webpack --env test",
     "test:watch": "rimraf dist && webpack --env test --watch --runTest"

webpack/webpack.config.js

@@ -1,5 +1,6 @@
 const path = require('path');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
+const {BundleAnalyzerPlugin} = require('webpack-bundle-analyzer');
 // @if jasmine || tape || mocha
 const WebpackShellPluginNext = require('webpack-shell-plugin-next')
 // @endif
@@ -37,7 +38,7 @@ const postcssLoader = {
   }
 };
 
-module.exports = function(env/* @if jasmine || tape || mocha*/, { runTest }/* @endif */) {
+module.exports = function(env/* @if jasmine || tape || mocha*/, { runTest, analyze }/* @endif */) {
   const production = env === 'production' || process.env.NODE_ENV === 'production';
   // @if jasmine || tape || mocha
   const test = env === 'test' || process.env.NODE_ENV === 'test';
@@ -134,14 +135,15 @@ module.exports = function(env/* @if jasmine || tape || mocha*/, { runTest }/* @e
     },
     // @endif
     plugins: [
-      new HtmlWebpackPlugin({ template: 'index.ejs' })/* @if jasmine || tape || mocha*/,
+      new HtmlWebpackPlugin({ template: 'index.ejs' }),
+      analyze && new BundleAnalyzerPlugin()/* @if jasmine || tape || mocha*/,
       test && runTest && new WebpackShellPluginNext({
         dev: false,
         swallowError: true,
         onBuildEnd: {
           scripts: [ 'npm run test:headless' ]
         }
       })/* @endif */
-    ]/* @if jasmine || tape || mocha*/.filter(p => p)/* @endif */
+    ].filter(p => p)
   }
 }