使用antd-mobile遇到的坑
在使用antd-mobile中的组件的时候,遇到了一些比较棘手的问题,经过查找相关资料和网上的帮助,在此整理出了问题以及解决办法:
在引入antd-mobile的时候,根据官网提供的文档:
1,首先安装antd-mobile,
2,其次安装依赖,引入babel-plugin-import 这个按需加载插件,在.bablerc中添加插件配置
1 | "plugins" : [ "transform-runtime" , "react-html-attrs" , [ "import" , { "style" : "css" , "libraryName" : "antd-mobile" }]], |
3,在webpack配置中添加.web.js后缀
1 | extensions: [ '.web.js' , '.js' , '.jsx' , '.json' ], |
4,最后在需要使用到antd-mobile组件的地方就可以引入了
1 2 | import Toast from 'antd-mobile/lib/toast/index.web' ; import 'antd-mobile/lib/toast/style/index.css' ; |
A journey of a thousand miles begins with a single step!
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步