react 按需加载引用antd时报错

Question

按照antd的文档，使用create-react-app新建好项目，引用react\-app\-rewired customize\-cra babel-plugin-import,根目录下的文件 config-overrides.js也是按照文档配置，然后启动项目就会报错。搜索一些问题，都是将配置reject，修改了webpack，目前没找到问题原因，请教一下大神们。

Answer 1

自己找了好久，最后问题在stackoverflow上找到了解决问题，希望一下解决方案对有类似问题的小伙伴有帮助：stackoverflow问题地址连接

customize-cra的当前版本与create-react-app的最新版本不兼容，准确地说，与css-loader不兼容。尝试安装customize-cra@next以获取alpha版本。他们在那里解决了那个问题。

但是，在config-overrides.js中，也不能按照antd文档中的那样直接写

// ***错误的，也会提示报错***
addLessLoader({
    javascriptEnabled: true,
    modifyVars: { '@primary-color': '#F00' }
  })

只有一下属性是有效的：
object { lessOptions?, prependData? appendData? sourceMap? }

所以对addLessLoader参数需要修改：

// ***将配置放在lessOptions中***
addLessLoader({
    lessOptions: {
      javascriptEnabled: true,
      modifyVars: { '@primary-color': '#F00' }
    }
  })