create-react-app run eject 后 antd 按需引入的配置

首先我们create-react-app创建一个项目  

antd 官网中推荐我们

create-react-app run eject 后 antd 按需引入的配置_第1张图片

create-react-app run eject 后 antd 按需引入的配置_第2张图片

经过这样配置之后发现我们的react项目已经完成了对antd的按需加载

但是如果我们想更改一下webpack配置的时候需要用到  npm run eject把一些配置暴露出来

可能你执行npm run eject的时候会报错   没关系   我们执行一下

git init

git add .

git commit -m 'init'

链接一下git仓库

接下来我们再启动项目你会发现项目启动报错了   提示我们找不到react-scripts

那是因为我一开始eject之前的package.json是这样的

create-react-app run eject 后 antd 按需引入的配置_第3张图片

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

 

create-react-app run eject 后 antd 按需引入的配置_第4张图片

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

create-react-app run eject 后 antd 按需引入的配置_第5张图片

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


 

你可能感兴趣的:(react)