首先我们create-react-app创建一个项目
antd 官网中推荐我们


经过这样配置之后发现我们的react项目已经完成了对antd的按需加载
但是如果我们想更改一下webpack配置的时候需要用到 npm run eject把一些配置暴露出来
可能你执行npm run eject的时候会报错 没关系 我们执行一下
git init
git add .
git commit -m 'init'
链接一下git仓库
接下来我们再启动项目你会发现项目启动报错了 提示我们找不到react-scripts
那是因为我一开始eject之前的package.json是这样的

因为我们刚刚按照antd官网的例子改了scripts的启动方式 但是我们eject后把webpacke的配置已经给暴露出来 node_modules包里已经没有了react-scripts这个包 这时我们的启动方式应该是这样

改成这样后你会发现项目正常启动 但是按需加载没有了 没关系 这时候一个最简单的方式 我们直接在package.json文件里面加上

这样一段代码 再次运行项目 发现我们的antd已经实现了按需加载
|