sunshine
管理员
管理员
  • 最后登录2023-10-30
  • 发帖数170
  • 社区居民
阅读:11104回复:2

[react]hbuilder 打包react 项目

楼主#
更多 发布于:2018-07-29 16:14
一、测试项目是否可以正确运行    指令:npm start
首先我们先建立一个react的项目,本人用的是create-react-app随便建立的,然后运行项目. 确保项目可以运行


二、修改package文件
添加,“homepage”: " ./"


三、打包文件  指令:npm run build
打包后会生成build文件


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


然后我们会看到这样的带着 W 的文件



五、转换APP

右键dist,点击转换成App(T)



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

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


----------------------------------------------------------------------------------------
测试打包成功,页面可以展示,路由也能跳转,但有个问题。
真机安装后,fetch取数据还有问题?直接测试build中的index.html都没有问题,目前,此问题还在研究中,欢迎一起探讨
bug真多
贫民
贫民
  • 最后登录2018-09-03
  • 发帖数2
沙发#
发布于:2018-09-03 15:04
我这样打包之后还是空白页面,求指教
is_not_defined
新手
新手
  • 最后登录2018-12-30
  • 发帖数5
板凳#
发布于:2018-08-25 09:34
打包的时候,这些问题都遇到了,但是都慢慢的解决了,哈哈
游客


返回顶部

公众号

公众号