Adding visualizer plugin (#4)

etc/appConfig.js

@@ -24,7 +24,8 @@ var appConfig = {
   srcIMG: path.resolve(sourceRoot, 'img'),
   index: path.resolve(sourceRoot, 'index.html'),
   dist: distRoot,
-  distPath: distPath
+  distPath: distPath,
+  additionalWebpackOptions: false
 };
 
 module.exports = appConfig;

etc/karma.conf.ci.js

@@ -1,5 +1,5 @@
 /**
- * @author: @martinreinhardt
+ * @author: hypery2k
  */
 const baseConfig = require('./karma.conf.js');
 const defaultAppConfig = require('./appConfig');

etc/karma.conf.js

@@ -1,5 +1,5 @@
 /**
- * @author: @martinreinhardt
+ * @author: hypery2k
  */
 const defaultAppConfig = require('./appConfig');
 const appConfig = require(process.env.APP_CONFIG || './appConfig');

etc/protractor.conf.js

@@ -1,5 +1,5 @@
 /**
- * @author: @martinreinhardt
+ * @author: hypery2k
  */
 
 require('ts-node/register');

etc/webpack.common.js

@@ -2,6 +2,7 @@ const webpack = require('webpack');
 const path = require('path');
 const helpers = require('./helpers');
 const appConfig = require(process.env.APP_CONFIG || './appConfig');
+const debugLog = util.debuglog('@holisticon/angular-common/webpack.common');
 
 /*
  * Webpack Plugins
@@ -12,6 +13,7 @@ const HtmlWebpackPlugin = require('html-webpack-plugin');
 const ForkCheckerPlugin = require('awesome-typescript-loader').ForkCheckerPlugin;
 const HtmlElementsPlugin = require('./html-elements-plugin');
 
+debugLog('Using following appConfig:', appConfig);
 /*
  * Webpack Constants
  */
@@ -26,7 +28,7 @@ const METADATA = {
  *
  * See: http://webpack.github.io/docs/configuration.html#cli
  */
-module.exports = {
+var config = {
 
   /*
    * Static metadata for index.html
@@ -289,3 +291,11 @@ module.exports = {
   }
 
 };
+
+
+// add additional settings here
+if (appConfig.additionalWebpackOptions) {
+  config = webpackMerge(config, appConfig.additionalWebpackOptions);
+}
+debugLog('Using following webpack common config:', config);
+module.exports = config;

etc/webpack.dev.js

@@ -1,5 +1,5 @@
 /**
- * @author: @martinreinhardt
+ * @author: hypery2k
  */
 
 const appConfig = require(process.env.APP_CONFIG || './appConfig');
@@ -11,6 +11,7 @@ const commonConfig = require('./webpack.common.js'); // the settings that are co
  * Webpack Plugins
  */
 const DefinePlugin = require('webpack/lib/DefinePlugin');
+const VisualizerPlugin = require('webpack-visualizer-plugin');
 
 /**
  * Webpack Constants
@@ -91,7 +92,7 @@ module.exports = webpackMerge(commonConfig, {
     chunkFilename: '[id].chunk.js',
 
     library: 'ac_[name]',
-    libraryTarget: 'var',
+    libraryTarget: 'var'
   },
 
   plugins: [
@@ -115,6 +116,10 @@ module.exports = webpackMerge(commonConfig, {
         'HMR': METADATA.HMR,
       }
     }),
+    // see https://github.com/chrisbateman/webpack-visualizer#plugin-usage
+    new VisualizerPlugin({
+      filename: './statistics.html'
+    })
   ],
 
   /**

etc/webpack.prod.js

@@ -1,5 +1,5 @@
 /**
- * @author: @martinreinhardt
+ * @author: hypery2k
  */
 
 const appConfig = require(process.env.APP_CONFIG || './appConfig');

etc/webpack.test.js

@@ -1,5 +1,5 @@
 /**
- * @author: @martinreinhardt
+ * @author: hypery2k
  */
 
 const appConfig = require(process.env.APP_CONFIG || './appConfig');

karma.conf.ci.js

@@ -1,5 +1,5 @@
 /**
- * @author: @martinreinhardt
+ * @author: hypery2k
  */
 
 // Look in ./config for karma.conf.js

karma.conf.js

@@ -1,5 +1,5 @@
 /**
- * @author: @martinreinhardt
+ * @author: hypery2k
  */
 
 // Look in ./config for karma.conf.js

package.json

@@ -78,7 +78,8 @@
     "webpack": "2.1.0-beta.22",
     "webpack-dev-server": "2.1.0-beta.2",
     "webpack-md5-hash": "0.0.5",
-    "webpack-merge": "0.14.1"
+    "webpack-merge": "0.14.1",
+    "webpack-visualizer-plugin": "^0.1.5"
   },
   "devDependencies": {
     "@angular/common": "2.0.2",

webpack.config.js

@@ -1,5 +1,5 @@
 /**
- * @author: @martinreinhardt
+ * @author: hypery2k
  */
 
 // Look in ./config folder for webpack.dev.js