用Sencha Cmd自动打包Touch的APP项目

用Sencha Cmd自动打包Touch的APP项目 ^有更新！

前面写了一篇关于Sencha Cmd 建立APP的文章，点击查看

因为使用Sencha Cmd建立的APP里面有不少js文件，这样从加载的速度上来讲很慢，因此

不得不说Touch是一个很重的框架，其实Sencha Cmd 也有自带的压缩功能。

1、准备工做

1. Sencha Touch 须要运行在 Chrome 和 Safari浏览器上. 也能够经过手机浏览器直接访问, 
   你也能够在电脑上用 Chrome, Safari, 或者 Internet Explorer 10 \ 11浏览.因此先准备好浏览工具
2. 下载Sencha Cmd.，选择如今的安装环境，win或者linux,我这里下载的是
   Version 4.0.1 for Windows
3. 下载Java Runtime Environment 1.7. Sencha Cmd 因为是用JAVA写的，因此须要运行在 JRE 上
   官方说要用1.7的版本，因此仍是换版本把若是你仍是1.6.由于如今1.8都出来了。
4. Ruby来建立由触摸编译的CSS。wind：下载Ruby从www.rubyinstaller.org。
   下载RubyInstaller.exe文件并运行它。 

2、安装运行  

1. 安装须要的浏览器，不用都说，我这里安装的事Safari，仍是用一下Apple的产品。
2. 安装JAVA运行环境，很少说
3. 安装Sencha Cmd，win的双击运行就是。
4. 安装Ruby，这里默认安装就能够了，没有其它的操做。这里咱们启动最好是用ruby
   Start Command Prompt with Ruby 来运行cmd,若是直接用系统的Cmd有时读不到ruby
   运行，因此就直接运行 Ruby中的Command Prompt with Ruby 。

3、打包应用程序说明

• testing- 生产以前用于质量保证。全部的JavaScript和CSS源文件捆绑，而不是缩小的，这使得它更容易调试。
• package- 建立，一般从本地文件系统没有运行Web服务器一个自包含的，可再发行组件生产版本。
• production- 建立一般托管在Web服务器上，并提供多个客户端（设备）的生产版本。
  构建离线功能的使用HTML5应用程序缓存，并可以执行过空中更新。
• native- 首先生成一个包编译，而后将其打包为本地应用程序，准备部署到本地平台。
  

这里有着4中方式。

在打包目录里运行运行命令

sencha app build testing

若是不出意外的话，就会在打包目录build下生产一个testing目录。如我这里就新增了一个

D:\AskApp\build\testing\AskApp 目录，，这里就只有一个app.css、app.js和index.html。

sencha app build package  
sencha app build production
 sencha app build native 

同理，这里也会产生一个 package、production、native目录，这里三种方式也是常常使用的。

package方式的打包后，咱们可使用其余的工具和方式来进行再封装，好比：phonegap ，能够打包

          成相应的安装包。 例如PhoneGap在线打包Touch App程序 ^有更新！

production方式的打包后，咱们就能够发布在线程序，如个人在线程序：http://app.yi18.net/ask/index.html 

native方式的打包后，其实就是用Sencha Cms 自带的方式来打包ISO、Android……