react项目如何按需加载antdDesign组件分为两种情况:
第一种(使用脚手架create-react-app)
先安装依赖:
npm i babel-plugin-import --save
然后, 在package.json里面直接添加下面这行代码
"babel": {
"presets": [
"react-app"
],
"plugins": [
[
"import",
{
"libraryName": "antd",
"style": "css"
}
]
]
}
第二种(不使用脚手架, 手写)
1,安装
npm install ant --save
2,引用
import { Form, Input, Button} from 'antd';
3,安装组件
npm i babel-plugin-import --save -D
4,按需加载Ant Design,在.babelrc文件中增加以下内容,即可进行按需加载
"plugins": [
[
"import",
{
"libraryName": "antd",
"libraryDirectory": "es",
"style": "css"
}
],
"transform-runtime"
]
转载地址:https://blog.csdn.net/qq_24147051/article/details/88318895