HBuilder打包React项目生成的build文件

本文介绍了将React项目转换为HBuilder移动APP项目的详细步骤。包括创建React项目、修改package文件、打包项目、把build文件变成app模式、转换APP,以及在manifest.json里配置APP名字和图标,最后可按HBuilder常规打包方法发行原生安装包。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1、创建一个react项目

$ npm install -g create-react-app
$ create-react-app my-app
$ cd my-app
$ npm start

2、修改package文件
添加,“homepage”: " ./"
在这里插入图片描述
3、打包react项目

npm run build

4、把build文件变成app模式
注意:生成的build文件夹中,包含了manifest.json.此文件将在打包时冲突,所以,build文件中的manifiest文件不在放到打包的目录里,可把build中的除mainifest.json外的其它文件放在一起,用于打包APP.
在HBuilder中点击文件,打开目录,找到要打包的文件夹目录,点击确定。

在这里插入图片描述
然后我们会看到这样的带着 W 的文件

5、转换APP

右键dist,点击转换成App(T)
在这里插入图片描述

6、在manifest.json里面配置APP名字及APP图标

现在,我们已经将React项目转成HBuild中的移动APP项目,其它与HBuild打包方法相同了(发行-》发行为原生安装包),可参考HBuilder打包链接:http://bugshouji.com/shareweb/t503

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值