react项目使用antd组件库自定义主题颜色

我们的UI样式跟antd的颜色不太一样，所以要全局修改一下主题颜色，这是再有less的前提下，如果项目使用的不是less，请先下载less的依赖
第一步：下载依赖

npm install @craco/craco
npm install craco-less

第二步：修改package.json（一般自己就自动改了）

"scripts": {
    "start": "craco start",
    "build": "craco build",
    "test": "craco test"
  },

第三步：修改craco.config.js（这个是下载依赖时自动创建的，如果没有，那就自己创建一个）

const CracoLessPlugin = require('craco-less');

module.exports = {
  plugins: [
    {
      plugin: CracoLessPlugin,
      options: {
        lessLoaderOptions: {
          lessOptions: {
            modifyVars: { '@primary-color': '#27BBBB' }, // 修改这里的颜色即可
            javascriptEnabled: true,
          },
        },
      },
    },
  ],
};

第四步：重启项目，就可以看到你改的这个颜色啦