React项目引入Ant mobile组件

最新推荐文章于 2024-06-08 09:34:52 发布

BHNBG

最新推荐文章于 2024-06-08 09:34:52 发布

阅读量711

点赞数

分类专栏：小白写React项目文章标签： reactjs es6 javascript

本文链接：https://blog.csdn.net/BHNBG/article/details/106997054

版权

本文指导如何在React项目中引入Ant Mobile组件库。首先，通过create-react-app创建项目，然后更新`Index.html`引入Ant Mobile，接着利用`react-app-rewired`和`babel-plugin-import`按需加载组件，最后在`Index.js`中展示Ant Mobile组件。

摘要由CSDN通过智能技术生成

第一步：创建React项目：（确保已安装node）

$ npm install -g create-react-app
$ create-react-app myapp
$ cd myapp
$ npm start
$ npm run build(本地打包，可以用外网访问)

第二步：引入Ant Mobile:

修改Index.html文件

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />(修改)
<script src="https://as.alipayobjects.com/g/component/fastclick/1.0.6/fastclick.js"></script>
<script>
    if ('addEventListener'<