Only run compression on prod builds

Author: Owain94

webpack.config.js

@@ -2,6 +2,7 @@ const ngtools = require("@ngtools/webpack");
 const webpackMerge = require("webpack-merge");
 const commonPartial = require("./webpack/webpack.common");
 const clientPartial = require("./webpack/webpack.client");
+const clientProdPartial = require("./webpack/webpack.client.prod");
 const serverPartial = require("./webpack/webpack.server");
 const prodPartial = require("./webpack/webpack.prod");
 const { getAotPlugin } = require("./webpack/webpack.aot");
@@ -25,7 +26,7 @@ module.exports = function (options, webpackOptions) {
   });
 
   if (options.aot) {
-    clientConfig = webpackMerge({}, clientConfig, prodPartial);
+    clientConfig = webpackMerge({}, clientConfig, webpackMerge({}, clientProdPartial, prodPartial));
     serverConfig = webpackMerge({}, serverConfig, prodPartial);
   }
 

webpack/webpack.client.js

@@ -1,10 +1,8 @@
 const path = require("path");
 const webpack = require("webpack");
 const HtmlWebpackPlugin = require("html-webpack-plugin");
-const HtmlWebpackExcludeAssetsPlugin = require("html-webpack-exclude-assets-plugin");
+const HtmlWebpackExcludeAssetsPlugin = require('html-webpack-exclude-assets-plugin');
 const ScriptExtHtmlWebpackPlugin = require("script-ext-html-webpack-plugin");
-const CompressionPlugin = require("compression-webpack-plugin");
-const BrotliPlugin = require("brotli-webpack-plugin");
 
 const { CommonsChunkPlugin } = require("webpack").optimize;
 
@@ -35,19 +33,6 @@ module.exports = {
   },
   "target": "web",
   "plugins": [
-    new CompressionPlugin({
-      "asset": "[path].gz[query]",
-      "algorithm": "gzip",
-      "test": /\.js$|\.css$/,
-      "threshold": 1024,
-      "minRatio": 0.8
-    }),
-    new BrotliPlugin({
-      "asset": "[path].br[query]",
-      "test": /\.js$|\.css$/,
-      "threshold": 1024,
-      "minRatio": 0.8
-    }),
     new HtmlWebpackPlugin({
       "template": "./src/index.pug",
       "filename": "./index.html",

webpack/webpack.client.prod.js

@@ -0,0 +1,23 @@
+const CompressionPlugin = require("compression-webpack-plugin");
+const BrotliPlugin = require('brotli-webpack-plugin');
+
+/**
+ * This is a client prod config which should be merged on top of common config
+ */
+module.exports = {
+  "plugins": [
+    new CompressionPlugin({
+      "asset": "[path].gz[query]",
+      "algorithm": "gzip",
+      "test": /\.js$|\.css$/,
+      "threshold": 1024,
+      "minRatio": 0.8
+    }),
+    new BrotliPlugin({
+      "asset": "[path].br[query]",
+      "test": /\.js$|\.css$/,
+      "threshold": 1024,
+      "minRatio": 0.8
+    })
+  ]
+};