@qse/edu-scripts 1.13.7 → 1.13.8

package/lib/config/webpackConfig.js

@@ -1,95 +1,91 @@
-"use strict";
-
-const fs = require('fs');
-const webpack = require('webpack');
-const HtmlWebpackPlugin = require('html-webpack-plugin');
-const {
-  BundleAnalyzerPlugin
-} = require('webpack-bundle-analyzer');
-const ReactRefreshPlugin = require('@pmmmwh/react-refresh-webpack-plugin');
-const paths = require('./paths');
-const TerserPlugin = require('terser-webpack-plugin');
-const CaseSensitivePathsPlugin = require('case-sensitive-paths-webpack-plugin');
-const appPkg = require(paths.package);
-const appConfig = require('../utils/appConfig');
-const {
-  ESBuildMinifyPlugin
-} = require('esbuild-loader');
-const jsMainPath = appConfig.grayscale ? `${appPkg.name}/beta/${appPkg.name}` : `${appPkg.name}/${appPkg.name}`;
-const assetPath = appConfig.grayscale ? `${appPkg.name}/beta/${appPkg.version}` : `${appPkg.name}/${appPkg.version}`;
-const cssRegex = /\.css$/;
-const cssModuleRegex = /\.module\.css$/;
-const lessRegex = /\.less$/;
-const lessModuleRegex = /\.module\.less$/;
-const imageInlineSizeLimit = 10 * 1024;
-const qseCDN = (() => {
-  const contents = paths.indexHTML.map(url => fs.readFileSync(url, 'utf-8'));
+// src/config/webpackConfig.js
+var fs = require("fs");
+var webpack = require("webpack");
+var HtmlWebpackPlugin = require("html-webpack-plugin");
+var { BundleAnalyzerPlugin } = require("webpack-bundle-analyzer");
+var ReactRefreshPlugin = require("@pmmmwh/react-refresh-webpack-plugin");
+var paths = require("./paths");
+var TerserPlugin = require("terser-webpack-plugin");
+var CaseSensitivePathsPlugin = require("case-sensitive-paths-webpack-plugin");
+var appPkg = require(paths.package);
+var appConfig = require("../utils/appConfig");
+var { ESBuildMinifyPlugin } = require("esbuild-loader");
+var jsMainPath = appConfig.grayscale ? `${appPkg.name}/beta/${appPkg.name}` : `${appPkg.name}/${appPkg.name}`;
+var assetPath = appConfig.grayscale ? `${appPkg.name}/beta/${appPkg.version}` : `${appPkg.name}/${appPkg.version}`;
+var cssRegex = /\.css$/;
+var cssModuleRegex = /\.module\.css$/;
+var lessRegex = /\.less$/;
+var lessModuleRegex = /\.module\.less$/;
+var imageInlineSizeLimit = 10 * 1024;
+var qseCDN = (() => {
+  const contents = paths.indexHTML.map((url) => fs.readFileSync(url, "utf-8"));
   function include(pattern) {
     const regexp = new RegExp(pattern);
-    return contents.some(content => regexp.test(content));
+    return contents.some((content) => regexp.test(content));
   }
   return {
     isUseCommon: include(/react16.14.*_common31?.js|react-dev-preset.js/),
     isUseAxios: include(/react16.14.*_axios0.21.1|react-dev-preset.js/),
-    isUseMoment: include('moment2.29.1.js'),
-    isUseAntd: include('antd3.26.20.js'),
-    isUseQsbAntd: include('qsb-antd.min.js'),
-    isUseQsbSchemeRender: include('qsb-scheme-render.min.js')
+    isUseMoment: include("moment2.29.1.js"),
+    isUseAntd: include("antd3.26.20.js"),
+    isUseQsbAntd: include("qsb-antd.min.js"),
+    isUseQsbSchemeRender: include("qsb-scheme-render.min.js")
   };
 })();
-
-/**
- * @param {*} args
- * @param {import('../utils/defineConfig').Config} override
- */
 module.exports = function getWebpackConfig(args, override) {
-  var _override$pure_funcs, _override$pure_funcs2;
-  const isDev = process.env.NODE_ENV === 'development';
-  const isProd = process.env.NODE_ENV === 'production';
-
-  // common function to get style loaders
+  const isDev = process.env.NODE_ENV === "development";
+  const isProd = process.env.NODE_ENV === "production";
   const getStyleLoaders = (cssOptions, preProcessor) => {
-    const loaders = [{
-      loader: 'style-loader',
-      options: {
-        attributes: {
-          'data-module': appPkg.name,
-          'data-version': appPkg.version
+    const loaders = [
+      {
+        loader: "style-loader",
+        options: { attributes: { "data-module": appPkg.name, "data-version": appPkg.version } }
+      },
+      {
+        loader: "css-loader",
+        options: cssOptions
+      },
+      {
+        // Options for PostCSS as we reference these options twice
+        // Adds vendor prefixing based on your specified browser support in
+        // package.json
+        loader: "postcss-loader",
+        options: {
+          postcssOptions: {
+            // Necessary for external CSS imports to work
+            // https://github.com/facebook/create-react-app/issues/2677
+            ident: "postcss",
+            config: false,
+            plugins: [
+              isProd && require("cssnano")({ preset: "default" }),
+              fs.existsSync(paths.tailwind) && "tailwindcss",
+              "postcss-flexbugs-fixes",
+              [
+                "postcss-preset-env",
+                {
+                  autoprefixer: {
+                    flexbox: "no-2009"
+                  }
+                  // https://preset-env.cssdb.org/features/#stage-2
+                }
+              ],
+              isProd && require("./plugins/postcss-safe-area")(),
+              isProd && ["postcss-momentum-scrolling", ["scroll", "auto"]],
+              "postcss-normalize",
+              ...override.extraPostCSSPlugins
+            ].filter(Boolean)
+          },
+          sourceMap: isDev
         }
       }
-    }, {
-      loader: 'css-loader',
-      options: cssOptions
-    }, {
-      // Options for PostCSS as we reference these options twice
-      // Adds vendor prefixing based on your specified browser support in
-      // package.json
-      loader: 'postcss-loader',
-      options: {
-        postcssOptions: {
-          // Necessary for external CSS imports to work
-          // https://github.com/facebook/create-react-app/issues/2677
-          ident: 'postcss',
-          config: false,
-          plugins: [isProd && require('cssnano')({
-            preset: 'default'
-          }), fs.existsSync(paths.tailwind) && 'tailwindcss', 'postcss-flexbugs-fixes', ['postcss-preset-env', {
-            autoprefixer: {
-              flexbox: 'no-2009'
-            }
-            // https://preset-env.cssdb.org/features/#stage-2
-          }], isProd && require('./plugins/postcss-safe-area')(), isProd && ['postcss-momentum-scrolling', ['scroll', 'auto']], 'postcss-normalize', ...override.extraPostCSSPlugins].filter(Boolean)
-        },
-        sourceMap: isDev
-      }
-    }];
-    if (preProcessor === 'less-loader') {
+    ];
+    if (preProcessor === "less-loader") {
       loaders.push({
-        loader: 'less-loader',
+        loader: "less-loader",
         options: {
           lessOptions: {
             javascriptEnabled: true,
-            modifyVars: fs.existsSync(paths.theme) ? require(paths.theme) : undefined
+            modifyVars: fs.existsSync(paths.theme) ? require(paths.theme) : void 0
           },
           sourceMap: true
         }
@@ -97,281 +93,320 @@ module.exports = function getWebpackConfig(args, override) {
     }
     return loaders;
   };
-
-  /** @type {webpack.Configuration} */
   const config = {
     context: process.cwd(),
     mode: process.env.NODE_ENV,
-    entry: './src/index',
-    target: 'browserslist',
+    entry: "./src/index",
+    target: "browserslist",
     output: {
       filename: appConfig.single ? `js/${jsMainPath}_${appPkg.version}.[contenthash:6].js` : `js/${jsMainPath}_${appPkg.version}.js`,
       chunkFilename: `js/${assetPath}/[name].[chunkhash:8].js`,
       assetModuleFilename: `images/${assetPath}/[name].[hash:6][ext]`,
       uniqueName: appPkg.name,
-      publicPath: ''
+      publicPath: ""
     },
-    externals: Object.assign({}, qseCDN.isUseCommon && {
-      react: 'React',
-      'react-dom': 'ReactDOM',
-      'natty-fetch': 'nattyFetch',
-      'natty-storage': 'nattyStorage',
-      'common-utils': 'CommonUtils',
-      '@qse/common-utils': 'CommonUtils'
-    }, qseCDN.isUseAxios && {
-      axios: 'axios'
-    }, qseCDN.isUseMoment && {
-      moment: 'moment'
-    }, qseCDN.isUseAntd && Object.assign({
-      react: 'React',
-      'react-dom': 'ReactDOM',
-      moment: 'moment',
-      antd: 'antd'
-    }, qseCDN.isUseQsbAntd && {
-      '@qse/antd': 'qsbAntd',
-      '@qsb/antd': 'qsbAntd'
-    }, qseCDN.isUseQsbSchemeRender && {
-      '@qse/scheme-render': 'qsbSchemeRender',
-      '@qsb/scheme-render': 'qsbSchemeRender'
-    }),
-    // 教育工程这些一定都需要 external
-    !appConfig.single && Object.assign({
-      react: 'React',
-      'react-dom': 'ReactDOM',
-      'natty-fetch': 'nattyFetch',
-      'natty-storage': 'nattyStorage',
-      'common-utils': 'CommonUtils',
-      '@qse/common-utils': 'CommonUtils',
-      moment: 'moment',
-      antd: 'antd'
-    }, isProd && {
-      '@qse/antd': 'qsbAntd',
-      '@qsb/antd': 'qsbAntd',
-      '@qse/scheme-render': 'qsbSchemeRender',
-      '@qsb/scheme-render': 'qsbSchemeRender'
-    }), override.externals),
+    externals: Object.assign(
+      {},
+      qseCDN.isUseCommon && {
+        react: "React",
+        "react-dom": "ReactDOM",
+        "natty-fetch": "nattyFetch",
+        "natty-storage": "nattyStorage",
+        "common-utils": "CommonUtils",
+        "@qse/common-utils": "CommonUtils"
+      },
+      qseCDN.isUseAxios && { axios: "axios" },
+      qseCDN.isUseMoment && { moment: "moment" },
+      qseCDN.isUseAntd && Object.assign(
+        {
+          react: "React",
+          "react-dom": "ReactDOM",
+          moment: "moment",
+          antd: "antd"
+        },
+        qseCDN.isUseQsbAntd && {
+          "@qse/antd": "qsbAntd",
+          "@qsb/antd": "qsbAntd"
+        },
+        qseCDN.isUseQsbSchemeRender && {
+          "@qse/scheme-render": "qsbSchemeRender",
+          "@qsb/scheme-render": "qsbSchemeRender"
+        }
+      ),
+      // 教育工程这些一定都需要 external
+      !appConfig.single && Object.assign(
+        {
+          react: "React",
+          "react-dom": "ReactDOM",
+          "natty-fetch": "nattyFetch",
+          "natty-storage": "nattyStorage",
+          "common-utils": "CommonUtils",
+          "@qse/common-utils": "CommonUtils",
+          moment: "moment",
+          antd: "antd"
+        },
+        isProd && {
+          "@qse/antd": "qsbAntd",
+          "@qsb/antd": "qsbAntd",
+          "@qse/scheme-render": "qsbSchemeRender",
+          "@qsb/scheme-render": "qsbSchemeRender"
+        }
+      ),
+      override.externals
+    ),
     resolve: {
       alias: {
-        '@': paths.src,
+        "@": paths.src,
         ...override.alias
       },
-      extensions: ['.web.js', '.web.mjs', '.js', '.mjs', '.jsx', '.ts', '.tsx', '.json', '.wasm']
+      extensions: [".web.js", ".web.mjs", ".js", ".mjs", ".jsx", ".ts", ".tsx", ".json", ".wasm"]
     },
-    stats: isDev ? {
-      preset: 'errors-warnings',
-      timings: true
-    } : undefined,
-    devtool: isDev ? 'cheap-module-source-map' : false,
+    stats: isDev ? { preset: "errors-warnings", timings: true } : void 0,
+    devtool: isDev ? "cheap-module-source-map" : false,
     cache: {
-      type: 'filesystem',
-      version: require('../../package.json').version,
+      type: "filesystem",
+      version: require("../../package.json").version,
       buildDependencies: {
         config: [__filename],
-        override: [paths.override].filter(f => fs.existsSync(f)),
-        tsconfig: [paths.tsconfig, paths.jsconfig].filter(f => fs.existsSync(f))
+        override: [paths.override].filter((f) => fs.existsSync(f)),
+        tsconfig: [paths.tsconfig, paths.jsconfig].filter((f) => fs.existsSync(f))
       }
     },
     module: {
-      parser: {
-        javascript: {
-          exportsPresence: 'error'
-        }
-      },
-      rules: [{
-        oneOf: [
-        // 两个 babel-loader 是为了处理 pdfjs-dist 与 ofd.js
+      parser: { javascript: { exportsPresence: "error" } },
+      rules: [
         {
-          test: /\.(j|t)sx?$/,
-          loader: 'babel-loader',
-          include: paths.src,
-          options: require('./babel')()
-        }, (override.transformNodeModules || isProd) && {
-          test: /\.m?js$/,
-          loader: 'babel-loader',
-          exclude: /@babel(?:\/|\\{1,2})runtime/,
-          options: require('./babel.dependencies')()
-        }, {
-          test: cssRegex,
-          exclude: cssModuleRegex,
-          use: getStyleLoaders({
-            importLoaders: 1,
-            sourceMap: isDev,
-            modules: {
-              mode: 'global',
-              localIdentName: '[local]--[hash:base64:6]'
-            }
-          }),
-          sideEffects: true
-        }, {
-          test: cssModuleRegex,
-          use: getStyleLoaders({
-            importLoaders: 1,
-            sourceMap: isDev,
-            modules: {
-              mode: 'local',
-              localIdentName: '[local]--[hash:base64:6]'
-            }
-          })
-        }, {
-          test: lessRegex,
-          exclude: lessModuleRegex,
-          use: getStyleLoaders({
-            importLoaders: 2,
-            sourceMap: isDev,
-            modules: {
-              mode: 'global',
-              localIdentName: '[local]--[hash:base64:6]'
-            }
-          }, 'less-loader'),
-          sideEffects: true
-        }, {
-          test: lessModuleRegex,
-          use: getStyleLoaders({
-            importLoaders: 2,
-            sourceMap: isDev,
-            modules: {
-              mode: 'local',
-              localIdentName: '[local]--[hash:base64:6]'
-            }
-          }, 'less-loader')
-        }, {
-          test: /\.(bmp|png|jpe?g|gif|webp)$/,
-          type: 'asset',
-          parser: {
-            dataUrlCondition: {
-              maxSize: imageInlineSizeLimit // 10kb
-            }
-          }
-        }, {
-          test: /\.svg$/,
-          type: 'asset',
-          parser: {
-            dataUrlCondition: {
-              maxSize: imageInlineSizeLimit // 10kb
-            }
-          },
-
-          issuer: {
-            and: [/\.(css|less)$/]
-          }
-        }, {
-          test: /\.svg$/,
-          use: [{
-            loader: '@svgr/webpack',
-            options: {
-              prettier: false,
-              svgo: false,
-              svgoConfig: {
-                plugins: [{
-                  removeViewBox: false
-                }]
+          oneOf: [
+            {
+              resourceQuery: /raw/,
+              type: "asset/source"
+            },
+            {
+              test: /\.(j|t)sx?$/,
+              loader: "babel-loader",
+              exclude: /node_modules/,
+              options: require("./babel")()
+            },
+            (override.transformNodeModules || isProd) && {
+              test: /\.m?js$/,
+              loader: "babel-loader",
+              exclude: /@babel(?:\/|\\{1,2})runtime/,
+              options: require("./babel.dependencies")()
+            },
+            {
+              test: cssRegex,
+              exclude: cssModuleRegex,
+              use: getStyleLoaders({
+                importLoaders: 1,
+                sourceMap: isDev,
+                modules: {
+                  mode: "global",
+                  localIdentName: "[local]--[hash:base64:6]"
+                }
+              }),
+              sideEffects: true
+            },
+            {
+              test: cssModuleRegex,
+              use: getStyleLoaders({
+                importLoaders: 1,
+                sourceMap: isDev,
+                modules: {
+                  mode: "local",
+                  localIdentName: "[local]--[hash:base64:6]"
+                }
+              })
+            },
+            {
+              test: lessRegex,
+              exclude: lessModuleRegex,
+              use: getStyleLoaders(
+                {
+                  importLoaders: 2,
+                  sourceMap: isDev,
+                  modules: {
+                    mode: "global",
+                    localIdentName: "[local]--[hash:base64:6]"
+                  }
+                },
+                "less-loader"
+              ),
+              sideEffects: true
+            },
+            {
+              test: lessModuleRegex,
+              use: getStyleLoaders(
+                {
+                  importLoaders: 2,
+                  sourceMap: isDev,
+                  modules: {
+                    mode: "local",
+                    localIdentName: "[local]--[hash:base64:6]"
+                  }
+                },
+                "less-loader"
+              )
+            },
+            {
+              test: /\.(bmp|png|jpe?g|gif|webp)$/,
+              type: "asset",
+              parser: {
+                dataUrlCondition: {
+                  maxSize: imageInlineSizeLimit
+                  // 10kb
+                }
+              }
+            },
+            {
+              test: /\.svg$/,
+              type: "asset",
+              parser: {
+                dataUrlCondition: {
+                  maxSize: imageInlineSizeLimit
+                  // 10kb
+                }
               },
-              titleProp: true,
-              ref: false
-            }
-          }, {
-            loader: 'url-loader',
-            options: {
-              limit: imageInlineSizeLimit
+              issuer: {
+                and: [/\.(css|less)$/]
+              }
+            },
+            {
+              test: /\.svg$/,
+              use: [
+                {
+                  loader: "@svgr/webpack",
+                  options: {
+                    prettier: false,
+                    svgo: false,
+                    svgoConfig: {
+                      plugins: [{ removeViewBox: false }]
+                    },
+                    titleProp: true,
+                    ref: false
+                  }
+                },
+                {
+                  loader: "url-loader",
+                  options: {
+                    limit: imageInlineSizeLimit
+                  }
+                }
+              ],
+              issuer: {
+                and: [/\.(ts|tsx|js|jsx|md|mdx)$/]
+              }
+            },
+            {
+              test: /\.md$/,
+              type: "asset/source"
+            },
+            {
+              // Exclude `js` files to keep "css" loader working as it injects
+              // its runtime that would otherwise be processed through "file" loader.
+              // Also exclude `html` and `json` extensions so they get processed
+              // by webpacks internal loaders.
+              exclude: [/^$/, /\.(js|mjs|jsx|ts|tsx)$/, /\.html$/, /\.json$/],
+              type: "asset/resource"
             }
-          }],
-          issuer: {
-            and: [/\.(ts|tsx|js|jsx|md|mdx)$/]
-          }
-        }, {
-          // Exclude `js` files to keep "css" loader working as it injects
-          // its runtime that would otherwise be processed through "file" loader.
-          // Also exclude `html` and `json` extensions so they get processed
-          // by webpacks internal loaders.
-          exclude: [/^$/, /\.(js|mjs|jsx|ts|tsx)$/, /\.html$/, /\.json$/],
-          type: 'asset/resource'
-        }].filter(Boolean)
-      }]
+          ].filter(Boolean)
+        }
+      ]
     },
-    plugins: [qseCDN.isUseCommon && new webpack.DllReferencePlugin({
-      manifest: require('../asset/dll/libcommon3-manifest.json')
-    }), new webpack.IgnorePlugin({
-      resourceRegExp: /^\.\/locale$/,
-      contextRegExp: /moment$/
-    }), new webpack.DefinePlugin({
-      'process.env.APP_NAME': JSON.stringify(appPkg.name),
-      'process.env.APP_VERSION': JSON.stringify(appPkg.version),
-      'process.env.BABEL_ENV': JSON.stringify(process.env.BABEL_ENV),
-      'process.env.BROWSERSLIST': JSON.stringify(process.env.BROWSERSLIST),
-      'process.env.WDS_SOCKET_HOST': JSON.stringify(process.env.WDS_SOCKET_HOST),
-      'process.env.WDS_SOCKET_PORT': JSON.stringify(process.env.WDS_SOCKET_PORT),
-      ...override.define
-    }), new webpack.ProgressPlugin(), isDev && new CaseSensitivePathsPlugin(), isDev && new ReactRefreshPlugin({
-      overlay: false
-    }), ...(isDev || process.env.OUTPUT_HTML || appConfig.single || appConfig.mainProject ? paths.indexHTML.map(template => new HtmlWebpackPlugin({
-      template: template,
-      filename: template.split('/').pop(),
-      inject: false,
-      minify: {
-        removeComments: true,
-        collapseWhitespace: true,
-        removeRedundantAttributes: true,
-        useShortDoctype: true,
-        removeEmptyAttributes: true,
-        removeStyleLinkTypeAttributes: true,
-        keepClosingSlash: true,
-        minifyJS: true,
-        minifyCSS: true,
-        minifyURLs: true
-      }
-    })) : []), process.env.ANALYZE && isProd && new BundleAnalyzerPlugin()].filter(Boolean),
+    plugins: [
+      qseCDN.isUseCommon && new webpack.DllReferencePlugin({
+        manifest: require("../asset/dll/libcommon3-manifest.json")
+      }),
+      new webpack.IgnorePlugin({
+        resourceRegExp: /^\.\/locale$/,
+        contextRegExp: /moment$/
+      }),
+      new webpack.DefinePlugin({
+        "process.env.APP_NAME": JSON.stringify(appPkg.name),
+        "process.env.APP_VERSION": JSON.stringify(appPkg.version),
+        "process.env.BABEL_ENV": JSON.stringify(process.env.BABEL_ENV),
+        "process.env.BROWSERSLIST": JSON.stringify(process.env.BROWSERSLIST),
+        "process.env.WDS_SOCKET_HOST": JSON.stringify(process.env.WDS_SOCKET_HOST),
+        "process.env.WDS_SOCKET_PORT": JSON.stringify(process.env.WDS_SOCKET_PORT),
+        ...override.define
+      }),
+      new webpack.ProgressPlugin(),
+      isDev && new CaseSensitivePathsPlugin(),
+      isDev && new ReactRefreshPlugin({ overlay: false }),
+      ...isDev || process.env.OUTPUT_HTML || appConfig.single || appConfig.mainProject ? paths.indexHTML.map(
+        (template) => new HtmlWebpackPlugin({
+          template,
+          filename: template.split("/").pop(),
+          inject: false,
+          minify: {
+            removeComments: true,
+            collapseWhitespace: true,
+            removeRedundantAttributes: true,
+            useShortDoctype: true,
+            removeEmptyAttributes: true,
+            removeStyleLinkTypeAttributes: true,
+            keepClosingSlash: true,
+            minifyJS: true,
+            minifyCSS: true,
+            minifyURLs: true
+          }
+        })
+      ) : [],
+      process.env.ANALYZE && isProd && new BundleAnalyzerPlugin()
+    ].filter(Boolean),
     optimization: {
       minimize: isProd && override.minify !== false,
-      minimizer: [override.minify === 'esbuild' && new ESBuildMinifyPlugin({
-        pure: (_override$pure_funcs = override.pure_funcs) !== null && _override$pure_funcs !== void 0 ? _override$pure_funcs : ['console.log'],
-        drop: ['debugger'],
-        keepNames: false,
-        legalComments: 'none',
-        target: 'es6'
-      }),
-      // This is only used in production mode
-      override.minify === 'terser' && new TerserPlugin({
-        extractComments: false,
-        terserOptions: {
-          parse: {
-            // We want terser to parse ecma 8 code. However, we don't want it
-            // to apply any minification steps that turns valid ecma 5 code
-            // into invalid ecma 5 code. This is why the 'compress' and 'output'
-            // sections only apply transformations that are ecma 5 safe
-            // https://github.com/facebook/create-react-app/pull/4234
-            ecma: 8
-          },
-          compress: {
-            pure_funcs: (_override$pure_funcs2 = override.pure_funcs) !== null && _override$pure_funcs2 !== void 0 ? _override$pure_funcs2 : ['console.log'],
-            drop_debugger: true,
-            ecma: 5,
-            warnings: false,
-            // Disabled because of an issue with Uglify breaking seemingly valid code:
-            // https://github.com/facebook/create-react-app/issues/2376
-            // Pending further investigation:
-            // https://github.com/mishoo/UglifyJS2/issues/2011
-            comparisons: false,
-            // Disabled because of an issue with Terser breaking valid code:
-            // https://github.com/facebook/create-react-app/issues/5250
-            // Pending further investigation:
-            // https://github.com/terser-js/terser/issues/120
-            inline: 2
-          },
-          mangle: {
-            safari10: true
-          },
-          // Added for profiling in devtools
-          keep_classnames: false,
-          keep_fnames: false,
-          output: {
-            ecma: 5,
-            comments: false,
-            // Turned on because emoji and regex is not minified properly using default
-            // https://github.com/facebook/create-react-app/issues/2488
-            ascii_only: true
+      minimizer: [
+        override.minify === "esbuild" && new ESBuildMinifyPlugin({
+          pure: override.pure_funcs ?? ["console.log"],
+          drop: ["debugger"],
+          keepNames: false,
+          legalComments: "none",
+          target: "es6"
+        }),
+        // This is only used in production mode
+        override.minify === "terser" && new TerserPlugin({
+          extractComments: false,
+          terserOptions: {
+            parse: {
+              // We want terser to parse ecma 8 code. However, we don't want it
+              // to apply any minification steps that turns valid ecma 5 code
+              // into invalid ecma 5 code. This is why the 'compress' and 'output'
+              // sections only apply transformations that are ecma 5 safe
+              // https://github.com/facebook/create-react-app/pull/4234
+              ecma: 8
+            },
+            compress: {
+              pure_funcs: override.pure_funcs ?? ["console.log"],
+              drop_debugger: true,
+              ecma: 5,
+              warnings: false,
+              // Disabled because of an issue with Uglify breaking seemingly valid code:
+              // https://github.com/facebook/create-react-app/issues/2376
+              // Pending further investigation:
+              // https://github.com/mishoo/UglifyJS2/issues/2011
+              comparisons: false,
+              // Disabled because of an issue with Terser breaking valid code:
+              // https://github.com/facebook/create-react-app/issues/5250
+              // Pending further investigation:
+              // https://github.com/terser-js/terser/issues/120
+              inline: 2
+            },
+            mangle: {
+              safari10: true
+            },
+            // Added for profiling in devtools
+            keep_classnames: false,
+            keep_fnames: false,
+            output: {
+              ecma: 5,
+              comments: false,
+              // Turned on because emoji and regex is not minified properly using default
+              // https://github.com/facebook/create-react-app/issues/2488
+              ascii_only: true
+            }
           }
-        }
-      })].filter(Boolean),
+        })
+      ].filter(Boolean),
       splitChunks: {
         minChunks: 2
       }
@@ -382,4 +417,4 @@ module.exports = function getWebpackConfig(args, override) {
     }
   };
   return config;
-};
+};