致访客
感谢各位一年多的陪伴,因内容调整,本站将于近日迁移到新域名并不再更新主要内容。

MENU

create-react-app按需引入antd-mobile

• October 27, 2020 • React

致访客
感谢各位一年多的陪伴,因内容调整,本站将于近日迁移到新域名并不再更新主要内容。
特此通知。

步骤

搭建项目

npx create-react-app my-app

安装antd/antd-mobile

npm install antd-mobile --save
npm install antd --save

eject

npm run eject

安装babel-plugin-import

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

package.json

找到babel配置项
加入配置

"plugins": [
  [
    "import",
    {
      "libraryName": "antd-mobile",
      "style": "css"
    }
  ]
]

如下:
1.png

import

在需要使用的页面导入
import { Button } from 'antd';
<Button>test</Button>

Last Modified: January 12, 2021