create-react-app按需加载antd遇到的问题

Question

create-react-app通过eject导出了配置后package.json怎么配置react-app-rewired的启动

Answer 1

react-app-rewired的作用就是在不eject的情况下，覆盖create-react-app的配置。如果已经eject导出了配置，就没有必要使用react-app-rewired。

Answer 2

怎么配置react-app-rewired的启动？ 这句话什么意思。
create-react-app里只需要按照官方的文档配置一下就好了。
https://ant.design/docs/react...

Answer 3

$ npm install -g create-react-app yarn
$ create-react-app antd-demo
$ cd antd-demo
$ yarn start
$ yarn add antd babel-plugin-import --save-dev
$ yarn eject
//给`package.json`中的`babel`添加如下代码：
"babel": {
  "presets": [
    "react-app"
  ],
  "plugins": [
    [
      "import",
      {
        "libraryName": "antd",
        "style": "css"
      }
    ]
  ]
}

这样就能在eject后按需加载啦

Answer 4

react-scripts 升级到 2.1.2 以后破坏了 react-app-rewired：https://github.com/timarney/r...

然后 react-app-rewired 升级到 2.x 以后直接干掉了所有 helpers：https://github.com/timarney/r...

https://github.com/ant-design...