最新React(16.8.3)配置Antd(3.14.0) 实现按需加载(比官网还要简单哦)

Posted 2021-04-26 前端开发爱好者

1、创建项目  

 npx create-react-app my-app

2、安装项目依赖

cd my-app                                                                                                                  npm install 

3、暴露出项目的配置文件

 npm run eject

4、安装插件 babel-plugin-import

 npm install babel-plugin-import

5、安装 Antd

 npm install antd

6、修改 package.json 中的配置文件,在"bable"增加 "plugins"

"plugins":[                                                               [                                                                "import",                                                       {                                                               "libraryName":"antd",                                         "libraryDirectory":"es",                                       "style":"css"                                               }                                                        ]                                                            ]

7、最后在组件中引入  

 import { Button }  from "antd"

8、使用   

 <Button>测试按需加载</Button>

配置完成 !!!

觉得本文对你有帮助？请分享给更多人

关注「前端开发爱好者」，提升前端技能