根据antd官网推荐的两种方式:
dist手动引入
找到项目中node_modules文件夹->antd文件->dist->antd.css
我们手动在需要引入antd的页面,加入下面这行代码,实现简易的css引入:
import "../../../node_modules/antd/dist/antd.css"
配置babel
- 安装babel-plugin-import
npm install babel-plugin-import --save-dev. - 在package.json文件中配置babel(+为官方推荐所需要添加的代码行)
"babel": {
"presets": [
"react-app"
],
+ "plugins": [
+ [
+ "import",
+ {
+ "libraryName": "antd",
+ "libraryDirectory": "es",
+ "style": "css"
+ }
+ ]
+ ]
}

本文详细介绍了如何使用Ant Design进行按需加载配置,包括手动引入antd样式和通过babel-plugin-import插件实现组件按需加载的方法。适用于希望减少项目体积、提升加载速度的前端开发者。
906

被折叠的 条评论
为什么被折叠?



