chore: update dep

Author: otech47

config/webpack.common.js

@@ -1,7 +1,6 @@
 const HtmlWebpackPlugin = require('html-webpack-plugin')
 const CopyWebpackPlugin = require('copy-webpack-plugin')
 const { WebpackManifestPlugin } = require('webpack-manifest-plugin')
-const SWPrecacheWebpackPlugin = require('sw-precache-webpack-plugin');
 
 const paths = require('./paths')
 
@@ -79,20 +78,6 @@ module.exports = {
         new WebpackManifestPlugin({
             fileName: 'asset-manifest.json', // Not to confuse with manifest.json
         }),
-        // SW plugin configuration
-        // The following option parameters and configuration are directly taken from react-create-app
-        // as it's a production ready configuration that works pretty well for our needs.
-        // new SWPrecacheWebpackPlugin({
-            // By default, a cache-busting query parameter is appended to requests
-            // used to populate the caches, to ensure the responses are fresh.
-            // If a URL is already hashed by Webpack, then there is no concern
-            // about it being stale, and the cache-busting can be skipped.
-        //     dontCacheBustUrlsMatching: /\.\w{8}\./,
-        //     filename: 'service-worker.js',
-        //     minify: true, // minify and uglify the script
-        //     navigateFallback: '/index.html',
-        //     staticFileGlobsIgnorePatterns: [/\.map$/, /asset-manifest\.json$/]
-        // }),
     ],
     module: {
         rules: [

config/webpack.config.prod.js

@@ -1,7 +1,7 @@
 const webpack = require('webpack')
 const { merge } = require('webpack-merge')
 const MiniCssExtractPlugin = require('mini-css-extract-plugin')
-const UglifyJsPlugin = require('uglifyjs-webpack-plugin')
+const TerserPlugin = require('terser-webpack-plugin')
 const CompressionPlugin = require('compression-webpack-plugin')
 // const ManifestPlugin = require('webpack-manifest-plugin')
 
@@ -15,20 +15,7 @@ module.exports = merge(common, {
         app: paths.appIndex
     },
     optimization: {
-        minimizer: [
-            new UglifyJsPlugin({
-                uglifyOptions: {
-                    compress: {
-                        // remove console logs
-                        drop_console: true
-                    },
-                    output: {
-                        // remove comments
-                        comments: false
-                    }
-                }
-            })
-        ],
+        minimizer: [new TerserPlugin()],
         // extract css to single file
         splitChunks: {
             cacheGroups: {

package.json

@@ -98,7 +98,8 @@
     "styled-components": "^4.0.0-beta.1",
     "styled-icons": "^3.7.0",
     "styled-is": "^1.1.5",
-    "styled-system": "^3.2.1"
+    "styled-system": "^3.2.1",
+    "workbox-webpack-plugin": "^7.0.0"
   },
   "devDependencies": {
     "@babel/cli": "^7.0.0",
@@ -140,8 +141,7 @@
     "redux-thunk": "^2.1.0",
     "regenerator-runtime": "^0.13.11",
     "style-loader": "^3.3.3",
-    "sw-precache-webpack-plugin": "^1.0.0",
-    "uglifyjs-webpack-plugin": "^2.2.0",
+    "terser-webpack-plugin": "^5.3.9",
     "url-loader": "^4.1.1",
     "webpack": "^5.88.2",
     "webpack-bundle-analyzer": "^4.9.0",