使用antd-mobile遇到的坑

在使用antd-mobile中的组件的时候，遇到了一些比较棘手的问题，经过查找相关资料和网上的帮助，在此整理出了问题以及解决办法：

在引入antd-mobile的时候，根据官网提供的文档：

1，首先安装antd-mobile，

2，其次安装依赖，引入babel-plugin-import 这个按需加载插件，在.bablerc中添加插件配置

"plugins": ["transform-runtime", "react-html-attrs", ["import", { "style": "css", "libraryName": "antd-mobile" }]],

3，在webpack配置中添加.web.js后缀

 extensions: ['.web.js', '.js', '.jsx', '.json'],

4，最后在需要使用到antd-mobile组件的地方就可以引入了

import Toast from 'antd-mobile/lib/toast/index.web';
import 'antd-mobile/lib/toast/style/index.css';

　　

转载于:https://www.cnblogs.com/qingfengweb/p/7503442.html