migrate to terser-webpack-plugin

Author: tiagoschenkel

package.json

@@ -111,12 +111,12 @@
     "sinon": "^7.5.0",
     "sinon-chai": "^3.3.0",
     "source-map-support": "^0.5.13",
+    "terser-webpack-plugin": "^2.3.4",
     "ts-loader": "^6.2.1",
     "ts-node": "^8.4.1",
     "tslint": "^5.20.0",
     "tslint-config-prettier": "^1.18.0",
     "typescript": "^3.6.4",
-    "uglifyjs-webpack-plugin": "^2.2.0",
     "webpack": "^4.41.2",
     "webpack-cli": "^3.3.9",
     "webpack-dev-server": "^3.9.0"

webpack.config.js

@@ -1,15 +1,14 @@
 const webpack = require("webpack");
 const path = require("path");
-const UglifyJsPlugin = require("uglifyjs-webpack-plugin");
+const TerserPlugin = require("terser-webpack-plugin");
 
 module.exports = env => {
-
   if (!env) env = { production: false, karma: false };
 
   let mode = env.production ? "production" : "development";
   let tsconfig = !env.karma ? "tsconfig.json" : "tsconfig.test.json";
   let output = env.production ? "dist" : "dist-test";
-  let filename = env.karma ? "[name].[hash].js" : (env.production ? "robotlegs-signalcommandmap.min.js" : "robotlegs-signalcommandmap.js");
+  let filename = env.karma ? "[name].[hash].js" : env.production ? "robotlegs-signalcommandmap.min.js" : "robotlegs-signalcommandmap.js";
 
   return {
     mode: mode,
@@ -35,9 +34,7 @@ module.exports = env => {
           loader: "ts-loader?configFile=" + tsconfig
         },
         {
-          test: ((env.production) /* disable this loader for production builds */
-            ? /^$/
-            : /^.*(src).*\.ts$/),
+          test: env.production /* disable this loader for production builds */ ? /^$/ : /^.*(src).*\.ts$/,
           loader: "istanbul-instrumenter-loader",
           query: {
             embedSource: true
@@ -47,34 +44,27 @@ module.exports = env => {
       ]
     },
 
-    plugins: (
-      (env.production)
-        ? []
-        : [ new webpack.SourceMapDevToolPlugin({ test: /\.ts$/i }) ]
-    ),
+    plugins: env.production ? [] : [new webpack.SourceMapDevToolPlugin({ test: /\.ts$/i })],
 
-    optimization:
-      (env.production)
-        ? {
-            concatenateModules: true,
-            minimize: true,
-            minimizer: [
-              new UglifyJsPlugin({
-                cache: true,
-                parallel: 4,
-                uglifyOptions: {
-                  output: {
-                    comments: false
-                  }
+    optimization: env.production
+      ? {
+          concatenateModules: true,
+          minimize: true,
+          minimizer: [
+            new TerserPlugin({
+              cache: true,
+              parallel: 4,
+              terserOptions: {
+                output: {
+                  comments: false
                 }
-              })
-            ]
-          }
-        : {}
-    ,
-
+              }
+            })
+          ]
+        }
+      : {},
     resolve: {
       extensions: [".ts", ".js", ".json"]
     }
-  }
+  };
 };