React项目中安装和配置antd流程

在React 项目中安装和配置 antd 流程

安装 antd

• yarn add antd
• npm i antd

使用 antd 的样式

这种方式是使用 antd 的全部样式, 比较浪费, 一般我们不这么引入, 一般都是按需引入的方式使用 antd 的样式.

@import '~antd/dist/antd.css;

高级配置

按需加载 antd 的样式

react-app-rewired

(一个对 create-react-app 进行自定义配置的社区解决方案)

• 安装: yarn add react-app-rewired customize-cra
• 修改 package.json

package.json

 "scripts": {
    
    -   "start": "react-scripts start",
    +   "start": "react-app-rewired start",
    -   "build": "r