Extjs6 modern + cordova 打包

最近使用Extjs6 modern模块进行移动端开发APP在此记录一下开发前期的开发环境搭建过程

1： 工程环境准备

         在这里不在介绍环境安装内容，可以在网上搜索响应的内容，安装内容有sencha cmd 、jdk、nodejs、cordova等

2：创建Sencha Touch工程

     2.1：创建项目

#  sencha -sdk "Ext SDK包解压后的路径" generate -modern  "项目名称"  "项目存放的地址"

    2.2 ：创建完成后可以通过以下命令进行简单运行,可以在浏览器中键入"http://localhost:1841"进行访问

#cd "您项目存放的目录"

# sencha web start   OR  sencha app watch

3：在Sencha Touch工程中创建新的Cordova工程

    3.1：安装Cordova，并通过cordova -v 查看安装安装成功否

#npm install -g cordova

    3.2: 在您创建的项目中创建cordova工程

# cd "您项目存放的目录"

# sencha cordova init com.gtjy.wyApp Wy

    注：“com.gtjy.wyApp” 为包路径，您可以自己按照自己的情况写 ，“Wy” 保持与“项目名称” 一致

    3.3：以上步骤执行完成后您可以在您的项目目录中看到多了一个cordova目录(如下图)

4：修改app.js文件

    4.1：修改工程内app.json内builds>native>cordova>config中platforms内容

    4.2：如需打包android端将上图标红内容注释去掉内容写android保存，并在命令行执行如下命令即可

# sencha app build android

     4.3：如需要多版本打包将platforms改成"platforms:'ios android'"并执行如下命令即可

#sencha app build native

                                                                                                                                                                                                     如有写的不对的地方欢迎指正