用Cordova把react app 打包成原生的iOS项目

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了用Cordova把react app 打包成原生的iOS项目相关的知识,希望对你有一定的参考价值。

参考技术A 拿到了一个react.js框架开发的App,想要最快速的,最简单的包装成App,那就用Cordova吧。记录一下过程,提供参考。

1、安装Cordova

2、CD 到工程目录创建cordova项目

3、添加iOS项目,进入到项目根目录

4、打开react项目找到webpack.config.prod.js文件,修改文件18行, 改为const publicPath='./';

5、cd 进入react项目根目录构建react项目

6、完成后react app 目录下生成build文件夹,将build文件夹中的所有文件全部复制到cordova项目iOS文件夹下的www文件夹中

7、Xcode运行iOS的Cordova项目

以上是关于用Cordova把react app 打包成原生的iOS项目的主要内容,如果未能解决你的问题,请参考以下文章

Vue3.0入门 + Vant3.0移动端实践使用Cordova打包Android App

把react打包成app的方法以及app打包下载

搭建 AngularJS+Ionic+Cordova 开发环境并运行一个demo

web页面如何打包封闭成手机APP

移动端用Cordova将vue项目打包成app

Cordova+vue 混合app开发创建Cordova项目