About React scaffolding uses ANTD for styles to be introduced on demand, and custom themes

The display is written according to the official website 3.x version, it is not feasible, and the error has been reported
Then I went to Github to check React-APP-Rewired and Customize-CRA.
Repeat the less-loader, change the version, or report an error
Because I want to set and customize the theme color on demand at the same time, and the official documentation of the 4.x version only says how to use@Craco-Craco and Craco-Less to achieve custom themes. I need to be imported, which confuses me

Thinking for a long time:
Because the place where the error reports has always been adDLessLoader (introduced from Customize-CRA)
so,Until I saw this sentence on the official website 3.x version, I changed my mind, without Customize-CRA, switch to@Craco/Craco Bebal-Plugin-IMPORT

Then learn from this article:
https://blog.csdn.net/qq_41580536/article/details/120429472

Configure the following code in Craco.config.js:

const CracoLessPlugin = require('craco-less')
module.exports = {
  babel: {   // Set style to import on demand
    plugins: [
      [
        "import",
        {
          "libraryName": "antd", 
          "libraryDirectory": "es",
          "style": true  // true indicates that it is less
        }
      ]
    ]
  },
  plugins: [
    {
      plugin: CracoLessPlugin,
      options: {  // Change the theme color
        lessLoaderOptions: {
          lessOptions: {
            modifyVars: { '@primary-color': '#e02342' },
            javascriptEnabled: true, // Set the allowable code modification configuration
          },
        },
      },
    },
  ],
}

Change the package.json configuration file as follows:

"scripts": {
    "start": "craco start",
    "build": "craco build",
    "test": "craco test",
    "eject": "react-scripts eject"
  },

Successful settings! Intersection Intersection Intersection Intersection