feat: replace UglifyJs with Terser

Author: DimitarTachev

dependencyManager.js

@@ -28,7 +28,7 @@ function addProjectDeps(packageJson, force = false) {
     };
 
     const depsToAdd = getRequiredDeps(packageJson);
-    Object.keys(depsToAdd).forEach(function(name) {
+    Object.keys(depsToAdd).forEach(function (name) {
         const version = depsToAdd[name];
         Object.assign(postinstallOptions,
             addDependency(postinstallOptions.deps, name, version, force));
@@ -54,7 +54,7 @@ function removeObsoleteDeps(packageJson) {
         "raw-loader",
         "css-loader",
         "nativescript-worker-loader",
-        "uglifyjs-webpack-plugin",
+        "terser-webpack-plugin",
         "@angular-devkit/core",
         "resolve-url-loader",
         "sass-loader",
@@ -79,12 +79,12 @@ function addDependency(deps, name, version, force) {
 }
 
 function getRequiredDeps(packageJson) {
-    if (!isAngular({packageJson})) {
+    if (!isAngular({ packageJson })) {
         return false;
     }
 
     const deps = {
-       "@angular/compiler-cli": "~7.2.0",
+        "@angular/compiler-cli": "~7.2.0",
     };
 
     if (!dependsOn(packageJson, "@angular-devkit/build-angular")) {

package.json

@@ -91,8 +91,9 @@
     "semver": "5.4.1",
     "shelljs": "0.6.0",
     "tapable": "1.0.0",
+    "terser": "3.17.0",
+    "terser-webpack-plugin": "1.2.3",
     "ts-loader": "^5.3.1",
-    "uglifyjs-webpack-plugin": "~1.2.5",
     "webpack": "~4.27.0",
     "webpack-bundle-analyzer": "~3.0.2",
     "webpack-cli": "~3.1.1",

templates/webpack.angular.js

@@ -11,7 +11,7 @@ const CleanWebpackPlugin = require("clean-webpack-plugin");
 const CopyWebpackPlugin = require("copy-webpack-plugin");
 const { BundleAnalyzerPlugin } = require("webpack-bundle-analyzer");
 const { NativeScriptWorkerPlugin } = require("nativescript-worker-loader/NativeScriptWorkerPlugin");
-const UglifyJsPlugin = require("uglifyjs-webpack-plugin");
+const TerserPlugin = require("terser-webpack-plugin");
 const { getAngularCompilerPlugin } = require("nativescript-dev-webpack/plugins/NativeScriptAngularCompilerPlugin");
 const hashSalt = Date.now().toString();
 
@@ -165,11 +165,11 @@ module.exports = env => {
             },
             minimize: !!uglify,
             minimizer: [
-                new UglifyJsPlugin({
+                new TerserPlugin({
                     parallel: true,
                     cache: true,
                     sourceMap: !!sourceMap || !!hiddenSourceMap,
-                    uglifyOptions: {
+                    terserOptions: {
                         output: {
                             comments: false,
                         },

templates/webpack.config.spec.ts

@@ -17,7 +17,7 @@ class AngularCompilerStub {
 };
 
 let uglifyJsOptions: any;
-class UglifyJsStub {
+class TerserJsStub {
     constructor(options) {
         uglifyJsOptions = options;
     }
@@ -50,27 +50,27 @@ const webpackConfigAngular = proxyquire('./webpack.angular', {
     '@ngtools/webpack': {
         AngularCompilerPlugin: AngularCompilerStub
     },
-    'uglifyjs-webpack-plugin': UglifyJsStub
+    'terser-webpack-plugin': TerserJsStub
 });
 
 const webpackConfigTypeScript = proxyquire('./webpack.typescript', {
     'nativescript-dev-webpack': nativeScriptDevWebpack,
     'nativescript-dev-webpack/nativescript-target': emptyObject,
-    'uglifyjs-webpack-plugin': UglifyJsStub
+    'terser-webpack-plugin': TerserJsStub
 });
 
 const webpackConfigJavaScript = proxyquire('./webpack.javascript', {
     'nativescript-dev-webpack': nativeScriptDevWebpack,
     'nativescript-dev-webpack/nativescript-target': emptyObject,
-    'uglifyjs-webpack-plugin': UglifyJsStub
+    'terser-webpack-plugin': TerserJsStub
 });
 
 const webpackConfigVue = proxyquire('./webpack.vue', {
     'nativescript-dev-webpack': nativeScriptDevWebpack,
     'nativescript-dev-webpack/nativescript-target': emptyObject,
     'vue-loader/lib/plugin': EmptyClass,
     'nativescript-vue-template-compiler': emptyObject,
-    'uglifyjs-webpack-plugin': UglifyJsStub
+    'terser-webpack-plugin': TerserJsStub
 });
 
 describe('webpack.config.js', () => {

templates/webpack.javascript.js

@@ -7,7 +7,7 @@ const CleanWebpackPlugin = require("clean-webpack-plugin");
 const CopyWebpackPlugin = require("copy-webpack-plugin");
 const { BundleAnalyzerPlugin } = require("webpack-bundle-analyzer");
 const { NativeScriptWorkerPlugin } = require("nativescript-worker-loader/NativeScriptWorkerPlugin");
-const UglifyJsPlugin = require("uglifyjs-webpack-plugin");
+const TerserPlugin = require("terser-webpack-plugin");
 const hashSalt = Date.now().toString();
 
 module.exports = env => {
@@ -126,11 +126,11 @@ module.exports = env => {
             },
             minimize: !!uglify,
             minimizer: [
-                new UglifyJsPlugin({
+                new TerserPlugin({
                     parallel: true,
                     cache: true,
                     sourceMap: !!sourceMap || !!hiddenSourceMap,
-                    uglifyOptions: {
+                    terserOptions: {
                         output: {
                             comments: false,
                         },

templates/webpack.typescript.js

@@ -7,7 +7,7 @@ const CleanWebpackPlugin = require("clean-webpack-plugin");
 const CopyWebpackPlugin = require("copy-webpack-plugin");
 const { BundleAnalyzerPlugin } = require("webpack-bundle-analyzer");
 const { NativeScriptWorkerPlugin } = require("nativescript-worker-loader/NativeScriptWorkerPlugin");
-const UglifyJsPlugin = require("uglifyjs-webpack-plugin");
+const TerserPlugin = require("terser-webpack-plugin");
 const hashSalt = Date.now().toString();
 
 module.exports = env => {
@@ -128,11 +128,11 @@ module.exports = env => {
             },
             minimize: !!uglify,
             minimizer: [
-                new UglifyJsPlugin({
+                new TerserPlugin({
                     parallel: true,
                     cache: true,
                     sourceMap: !!sourceMap || !!hiddenSourceMap,
-                    uglifyOptions: {
+                    terserOptions: {
                         output: {
                             comments: false,
                         },

templates/webpack.vue.js

@@ -4,7 +4,7 @@ const webpack = require("webpack");
 const CleanWebpackPlugin = require("clean-webpack-plugin");
 const CopyWebpackPlugin = require("copy-webpack-plugin");
 const { BundleAnalyzerPlugin } = require("webpack-bundle-analyzer");
-const UglifyJsPlugin = require("uglifyjs-webpack-plugin");
+const TerserPlugin = require("terser-webpack-plugin");
 
 const VueLoaderPlugin = require('vue-loader/lib/plugin');
 const NsVueTemplateCompiler = require("nativescript-vue-template-compiler");
@@ -139,11 +139,11 @@ module.exports = env => {
             },
             minimize: Boolean(production),
             minimizer: [
-                new UglifyJsPlugin({
+                new TerserPlugin({
                     parallel: true,
                     cache: true,
                     sourceMap: !!sourceMap || !!hiddenSourceMap,
-                    uglifyOptions: {
+                    terserOptions: {
                         output: {
                             comments: false,
                         },