Update build step and dependencies

client/build/webpack.prod.conf.js

@@ -37,13 +37,6 @@ const webpackConfig = merge(baseWebpackConfig, {
     new MiniCssExtractPlugin({
       filename: utils.assetsPath('css/[name].[contenthash].css'),
     }),
-    // Compress extracted CSS. We are using this plugin so that possible
-    // duplicated CSS from different components can be deduped.
-    new OptimizeCSSPlugin({
-      cssProcessorOptions: config.build.productionSourceMap
-        ? {safe: true, map: {inline: false}}
-        : {safe: true},
-    }),
     // generate dist index.html with correct asset hash for caching.
     // you can customize output by editing /index.html
     // see https://github.com/ampedandwired/html-webpack-plugin

client/package.json

@@ -60,6 +60,7 @@
     "chalk": "^2.0.1",
     "copy-webpack-plugin": "^10.1.0",
     "css-loader": "^0.28.0",
+    "css-minimizer-webpack-plugin": "^3.4.1",
     "cy2": "^1.2.1",
     "cypress": "^9.5.0",
     "dayjs": "^1.10.7",