chore(package): update to webpack 4

Author: Awk34

Diff for: templates/app/_package.json

@@ -147,11 +147,12 @@
     "run-sequence": "^2.1.0",
     "lazypipe": "^1.0.1",
     <%# WEBPACK %>
-    "webpack": "^3.5.5",
-    "webpack-dev-server": "^2.4.2",
-    "extract-text-webpack-plugin": "3.0.0",
-    "html-webpack-plugin": "^2.24.1",
-    "html-webpack-harddisk-plugin": "~0.1.0",
+    "webpack": "^4.12.0",
+    "webpack-cli": "^3.0.6",
+    "webpack-dev-server": "^3.1.4",
+    "extract-text-webpack-plugin": "4.0.0-beta.0",
+    "html-webpack-plugin": "^3.2.0",
+    "html-webpack-harddisk-plugin": "~0.2.0",
     <%_ if(filters.pug) { _%>
     "pug-html-loader": "^1.1.5",<% } %>
     "typescript": "~2.6.1",
@@ -174,7 +175,7 @@
     <%_ if(filters.stylus) { _%>
     "stylus": "^0.54.5",
     "stylus-loader": "^3.0.1",<% } %>
-    "karma-webpack": "^2.0.3",
+    "karma-webpack": "4.0.0-beta.0",
     "to-string-loader": "^1.1.5",
     <%# END WEBPACK %>
     "through2": "^2.0.1",

Diff for: templates/app/webpack.make.js

@@ -5,7 +5,6 @@ var webpack = require('webpack');
 var HtmlWebpackPlugin = require('html-webpack-plugin');
 var HtmlWebpackHarddiskPlugin = require('html-webpack-harddisk-plugin');
 var ExtractTextPlugin = require('extract-text-webpack-plugin');
-var CommonsChunkPlugin = webpack.optimize.CommonsChunkPlugin;
 var fs = require('fs');
 var path = require('path');
 
@@ -26,6 +25,10 @@ module.exports = function makeWebpackConfig(options) {
      */
     var config = {};
 
+    config.mode = BUILD
+        ? 'production'
+        : 'development';
+
     /**
      * Entry
      * Reference: http://webpack.github.io/docs/configuration.html#entry
@@ -310,16 +313,17 @@ module.exports = function makeWebpackConfig(options) {
     ];
 
     if(!TEST) {
-        config.plugins.push(new CommonsChunkPlugin({
-            name: 'vendor',
-
-            // filename: "vendor.js"
-            // (Give the chunk a different name)
-
-            minChunks: Infinity
-            // (with more entries, this ensures that no other module
-            //  goes into the vendor chunk)
-        }));
+        // TODO(webpack4)
+        // config.plugins.push(new CommonsChunkPlugin({
+        //     name: 'vendor',
+        //
+        //     // filename: "vendor.js"
+        //     // (Give the chunk a different name)
+        //
+        //     minChunks: Infinity
+        //     // (with more entries, this ensures that no other module
+        //     //  goes into the vendor chunk)
+        // }));
     }
 
     // Skip rendering app.html in test mode