config-overrides.js

const { override, disableEsLint, addLessLoader } = require("customize-cra");
const UglifyJsPlugin = require("uglifyjs-webpack-plugin");
const rewiredESbuild = require("react-app-rewired-esbuild");
// https://github.com/arackaf/customize-cra

const configWebpackPlugins = () => config => {
  // 太卡关闭一些插件
  // 关闭`ESLINT`的插件 -> 在`VSCode`校验
  // 关闭`CaseSensitivePathsPlugin`插件
  // 关闭`IgnorePlugin`插件
  config.plugins = config.plugins.filter(
    plugin =>
      plugin.constructor.name !== "ESLintWebpackPlugin" &&
      plugin.constructor.name !== "CaseSensitivePathsPlugin" &&
      plugin.constructor.name !== "IgnorePlugin"
  );
  // 添加插件
  process.env.NODE_ENV === "production" &&
    config.plugins.push(
      new UglifyJsPlugin({
        uglifyOptions: {
          compress: { drop_debugger: true, drop_console: true },
        },
      })
    );
  return config;
};

const configEmpty = config => config;

module.exports = {
  webpack: override(
    process.env.NODE_ENV === "development" ? rewiredESbuild() : configEmpty,
    addLessLoader({
      javascriptEnabled: true,
      importLoaders: true,
      localIdentName: "[name]__[hash:base64:5]",
    }),
    disableEsLint(),
    configWebpackPlugins()
  ),
};