react-app-rewired中如何设置ant-design主题，以及不生效问题

项目中使用的是：react-app-rewired、customize-cra

首先你需要下载依赖包：

npm install -D react-app-rewired customize-cra babel-plugin-import

config-overrides.js文件配置：

const {
  override,
  addLessLoader,
  fixBabelImports, // 按需加载配置函数
} = require("customize-cra");

module.exports = override(
  fixBabelImports("import", {
    libraryName: "antd",
    libraryDirectory: "es",
    style: true,
  }),
  addLessLoader({
    javascriptEnabled: true,
    modifyVars: {
      "@primary-color": "#2D7FFA",
    },
  }),
)

如果在项目中遇到设置的主题不生效，那么请全局查找一下是否进行全局antd css设置：@import "antd/dist/antd.css"

当然了，在进行过程中，可能会遇到一下问题：

TypeError: this.getOptions is not a function

style-loader、less-loader版本过高导致，降低其版本即可。

npm i -D style-loader@2 less-loader@5