react环境初始化配置antd-主题

先初始化各种依赖包，可选，不需要的删除

npm install react-router react-router-dom less less-loader antd react-redux --save

一般 import 'antd/dist/antd.css' 引入

 

antd高级引入-按需加载

1.安装craco

npm install @craco/craco --save

 安装less

npm install craco-less --save

 

2.修改package.json

 

 3.增加配置文件craco.config.js

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

module.exports = {
  plugins: [
    {
      plugin: CracoLessPlugin,
      options: {
        lessLoaderOptions: {
          lessOptions: {
            modifyVars: { '@primary-color': '#1DA57A' },
            javascriptEnabled: true,
          },
        },
      },
    },
  ],
};

最后把import 'antd/dist/antd.css'

改成import 'antd/dist/antd.less‘

重新启动按钮变颜色即可