Fix uglify-js, uglify-es and terser clash

Author: CompuIves

packages/app/config/webpack.embed.js

@@ -1,7 +1,7 @@
 const merge = require('webpack-merge');
 const webpack = require('webpack');
 const path = require('path');
-const UglifyJSPlugin = require('uglifyjs-webpack-plugin');
+const TerserPlugin = require('terser-webpack-plugin');
 
 const paths = require('./paths');
 
@@ -29,21 +29,7 @@ module.exports = merge(
       //   // include all types of chunks
       //   chunks: 'all',
       // },
-      minimizer: [
-        new UglifyJSPlugin({
-          cache: true,
-          parallel: true,
-          sourceMap: true,
-          uglifyOptions: {
-            mangle: {
-              safari10: true,
-            },
-            output: {
-              comments: false,
-            },
-          },
-        }),
-      ],
+      minimizer: [new TerserPlugin({ parallel: true })],
       concatenateModules: true, // ModuleConcatenationPlugin
       namedModules: true, // NamedModulesPlugin()
       noEmitOnErrors: true, // NoEmitOnErrorsPlugin

packages/app/config/webpack.prod.js

@@ -1,7 +1,7 @@
 const merge = require('webpack-merge');
 const webpack = require('webpack');
 const SWPrecacheWebpackPlugin = require('sw-precache-webpack-plugin');
-const UglifyJSPlugin = require('uglifyjs-webpack-plugin');
+const TerserJSPlugin = require('terser-webpack-plugin');
 const BundleAnalyzerPlugin = require('webpack-bundle-analyzer')
   .BundleAnalyzerPlugin;
 const normalizeName = require('webpack/lib/optimize/SplitChunksPlugin')
@@ -34,21 +34,7 @@ module.exports = merge(commonConfig, {
   stats: 'verbose',
 
   optimization: {
-    minimizer: [
-      new UglifyJSPlugin({
-        cache: true,
-        parallel: true,
-        sourceMap: true,
-        uglifyOptions: {
-          mangle: {
-            safari10: true,
-          },
-          output: {
-            comments: false,
-          },
-        },
-      }),
-    ],
+    minimizer: [new TerserJSPlugin({ parallel: true })],
     concatenateModules: true, // ModuleConcatenationPlugin
     namedModules: true, // NamedModulesPlugin()
     noEmitOnErrors: true, // NoEmitOnErrorsPlugin

packages/app/package.json

@@ -3,9 +3,6 @@
   "version": "0.1.1",
   "license": "MIT",
   "private": true,
-  "resolutions": {
-    "uglify-es": "npm:terser"
-  },
   "scripts": {
     "start": "cross-env LOCAL_SERVER=1 LOCAL_DEV=1 node scripts/start.js",
     "start:sandbox": "cross-env SANDBOX_ONLY=true node scripts/start.js",
@@ -113,8 +110,8 @@
     "style-loader": "^0.21.0",
     "sw-precache-webpack-plugin": "^0.11.5",
     "terser": "^3.17.0",
+    "terser-webpack-plugin": "^1.2.3",
     "typescript": "3.3.4000",
-    "uglifyjs-webpack-plugin": "^1.2.5",
     "url-loader": "1.0.1",
     "webpack": "^4.10.2",
     "webpack-bundle-analyzer": "^2.13.1",

packages/homepage/package.json

@@ -67,13 +67,11 @@
   },
   "devDependencies": {
     "dotenv": "^6.2.0",
-    "extract-text-webpack-plugin": "1.0.1",
     "gatsby-plugin-remove-trailing-slashes": "^2.0.6",
     "gatsby-source-medium": "^2.0.2",
     "prettier": "^1.8.2",
     "rimraf": "^2.6.2",
-    "terser": "^3.17.0",
-    "webpack": "^1.13.3"
+    "terser": "^3.17.0"
   },
   "browserslist": [
     "> 1%",