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

拿到谨纤了一个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项目

1、cordova3.0.0的命令行cordoava CLI和phonegap CLI在windows系统上开发android程序的注意事项‘

a 首先要根据要求安装最新的android SDK，目前我的版本要求 SDk 17才能顺利进行

b 一定要配置好环境变量，把SDK's tools and platform-tools 目录配晌蚂置到你的环境变量中去，

另外还要把ANT也要配置到系统环境变量中去，如

%JAVA_HOME%\bin%ANT_HOME%\bin

2、cordovan3.0.0的插件可以用命令行远程从git添加，也可以下载下来从本地用命令行添加，两种方法的命令

是一样的，只需要把最后参数的远程地址改成本地路径即祥梁可

3、npm install -g cordova@XXXXX 可以指定要安装的cordova版本

4、把老版本的3.0.0以前谨谨运开发的程序升级到3.0.0的注意事项

a 需要新建一个cordova项目

b 把seerts里的www文件夹下的东西都复制过去，记住cordova.js文件不要替换，要用新创建的里面的cordova.js不要用旧的程序里的覆盖

c 把 src文件下的程序包都复制到新程序的src下面，需要修改所有的引用org.apache.cordova.api成org.apache.cordova，

这是新版本的cordova命名上的变化

d 先前程序中的android的访问权限设置需要在新程序中重新进行设置

e 把config.xml中添加的插件的格式在新的程序中按照新的格式重新进行整理

---