1.下载淘宝镜像:
原因:由于国内网络连接比较快,推荐使用淘宝镜像进行下载,否则,使用npm下载会导致失败:
npm install -g cnpm --registry=https://registry.npm.taobao.org
2.cnpm命令下载antd-mobile
cnpm install antd-mobile --save
3.在没有进行按需加载进行配置的时候,则必须要引入antd-mobile.css
import ‘antd-mobile/dist/antd-mobile.css’
4.如果进行按需加载进行配置,则可以省略第三步(强烈推荐)
按需加载的步骤:
4.1:首先配置babel-plugin-import
cnpm install babel-plugin-import --save-dev
4.2:直接在package.json中bable项中添加plusgin
“babel”: {
“presets”: [
“react-app”
],
“plugins”:[
[“import”, { “libraryName”: “antd-mobile”, “style”: “css” }]
]
},
这样,就可以使用在 create-react-app 中使用antd-mobile了
antd-mobile在react中的引入
最新推荐文章于 2024-06-08 09:34:52 发布