解决create-react-app中antd配置主题的报错

1. 首先安装 less, less-loader
2. 项目中暴露配置npm run eject
3. 项目\config\webpack.config.dev.js和webpack.config.prod.js中添加配置,如下:

const lessRegex = /\.(less)$/;

//添加主题变量
所有变量

const modifyVars = {
   "primary-color": "pink",
   "link-color": "#1DA57A",
   "border-radius-base": "2px"
 }

module.rules中添加
注意 less-loader 的处理范围不要过滤掉 node_modules 下的 antd 包。

{
  test: lessRegex,
  use: [
    {
      loader: "style-loader"
    },
    {
      loader: "css-loader"
    },
    {
      loader: "less-loader",
      options: {
      	modifyVars: modifyVars,
        javascriptEnabled: true
      }
    }
  ]
}

参考antd配置主题文档