create-react-app中按需引入Ant-Design

先来回顾一下create-react-app脚手架创建项目的方法

//安装create-react-app脚手架
npm i create-react-app -g
//创建项目
create-react-app antd-demo
//启动项目
npm start
安装Ant-Design
npm i antd -S
按需引入Ant-Design插件

这里需要用到两个插件
一、
react-app-rewired(一个对 create-react-app 进行自定义配置的社区解决方案)。

npm i react-app-rewired -D

然后更改一下package.json,这里有个坑,我们用create-react-app安装出来的package.json并不是都是使用react-scripts start这种方式,还有node scripts/start.js这种方式的,在第二种方式下这种更改就会出现问题,目前我还没有想到解决的方法,目前建议就是多试几次,尴尬

猜你喜欢

转载自blog.csdn.net/zuggs_/article/details/80989886
今日推荐