首页 » 技术文章 » 正文

react中使用antd-mobile设置按需加载

简介

这个按需加载就简单了,完全按照官方文档操作就可以了

没有配置按需加载之前

在没有配置按需加载时,需要把整个CSS文件加载进来:

按需加载配置

引入 react-app-rewired 并修改 package.json 里的启动配置:

npm install react-app-rewired customize-cra --save-dev

然后在项目根目录创建一个 config-overrides.js 用于修改默认配置:

使用babel-plugin-import, babel-plugin-import是一个用于按需加载组件代码和样式的babel插件,现在我们尝试安装它并修改config-overrides.js文件。

npm install babel-plugin-import --save-dev

配置完成后

这样使用那个组件就会导入相应的CSS文件,而不用把整个CSS导入进来,提升页面加载速度:

发表评论

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据