react打包 APP

本文介绍了将React项目打包为App的具体步骤。先在package.json里改相对路径,运行npm run build生成build文件并试运行。之后运用Hbuild打包,包括导入项目、转化成移动App、生成并检查manifest.json文件、发行为原生安装包等,还给出了Hbuild的下载网址。

react写好js后

1、在package.json 里改相对路径 "homepage":"./" //避免打包build后空白页

2、运行npm run build

3、生成build文件

4、试运行build里的index.html,看看是否有自己写好的内容,如果是空白,检查一下package.json是否配置好,或者其他原因

5、运用Hbuild打包为App(先删除原本的manifest.json)

下载Hbuild,百度网址 https://pc.qq.com/detail/3/detail_22603.html

5.1 找到工具栏的文件==》打开目录==》 导入react 项目名目录

5.2 点击 右键 “转化成移动App",无法截图,请见谅

5.2 生成manifest.json 文件

5.3 双击manifest.json文件看看index.html 入口是否正确

再看模板权限配置==》已选模板 是否有模板,有的话就删除

5.4 找到工具栏的发行==》发行为原生安装包,文件夹不能有中文

5.5 等待打包并下载成功

转载于:https://my.oschina.net/u/3763385/blog/1936830

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值