使用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';