Ant Design Mobile of React按需加载,官网提供的方法:
这里具体介绍第一种方案:
1.安装 babel-plugin-import:在项目跟目录下执行以下命令
npm insatll babel-plugin-import --save
2.修改配置文件:
2.1项目根目录下执行命令npm run eject暴露配置文件
注意:如果运行时报以下错误
则可以先后执行以下两条命令后,再执行npm run eject
git add .
git commit -m'commit信息'
2.2 在package.json中找到babel的配置
添加以下配置:
"plugins": [
[
"import",
{
"libraryName": "antd-mobile",
"style": "css"
}
]
]
结果:
3.按需引入需要的组件,例如:
引入Button组件,无需单独引入对应的css样式