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样式
博客介绍了Ant Design Mobile of React按需加载的一种方案。先在项目根目录安装babel - plugin - import,接着通过npm run eject暴露配置文件,若报错有对应解决办法,然后在package.json中找到babel配置并添加内容,最后按需引入组件,如引入Button组件无需单独引入css样式。
6205

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



