sencha touch 入门系列扩展篇之sencha touch 项目打包压缩

　　经常有新手同学抱怨说sencha touch的项目加载速度为什么这么慢，经常要10秒左右的时间甚至更多，

　　大家都知道，sencha touch开发的项目中引用了大量的js文件，当我们打开项目时，st的项目会一个一个地加载这些js文件，这样就造成了项目加载速度慢，如果是web远程访问，还会产生大量的http请求影响加载速度，增加服务器压力。

　　所以，我们的项目需要使用sencha cmd来进行打包压缩，通过sencha cmd打包压缩的项目，其中引用到的js（app.json中配置的或是项目中通过models、views、controls、requires这些方式引用的js文件）全部合并压缩成一行js代码,并且会对代码中的变量也进行压缩，大幅度降低js文件的大小，加快js的加载速度，减少http请求，同时它也会对css文件进行压缩.

　　不过要使用sencha cmd工具来打包压缩项目，前提是你的项目是通过sencha cmd工具创建出来的，因为cmd工具压缩项目的时候要读取项目生成时的一些配置文件，当然你也可以手动去配置这些文件，下面我们以sencha touch 入门系列（三）sencha touch 项目创建中创建的项目为例，

我们具体讲解下如何打包压缩sencha touch的项目:

　　1.首先打开指令窗口，将路径定位到你的项目中去，我的项目为MyFirst, 如图所示：

　　接着，我们来执行sencha cmd的打包指令就可以了，

　　sencha cmd有4个打包指令，所有的打包命令执行后，默认都会在项目的build文件夹下生成一个对应的文件夹，下面我们来看下指令

　　1. sencha app build testing:

　　通过指令名称的testing，大家应该猜到了，这个指令是用来打包测试的，这个指令会将所有的js文件压缩到app.js中去，但是并不做压缩处理，用来让开发者在执行代码压缩前调试代码用的，指令执行后，会在项目的build文件夹下生成一个testing文件夹，里面即生成的压缩测试项目

　　2.sencha app build package:

　　这个指令只对项目进行打包压缩处理，指令执行后，会将所有的js压缩合并并进行变量转换，所有的js文件的代码会被压缩成一行放置在app.js中，并在build文件夹下生成一个package文件夹，里面即生成的压缩项目。

　　3.sencha app build production 或者 sencha app build：

　　这两个指令的效果是一样的，跟package不同，生成的production主要是用来发布webapp的，除去压缩了js跟css文件外，它还配置了浏览器的离线缓存，只要你的项目访问了一次，以后每次访问都是读取的离线缓存中的内容

　　4.sencha app build native：

　　这个指令是用来将项目打包原生安装程序的，不过打包前需要配置下项目目录下的packager.json文件，如果配置错误或没有配置该文件，将不会生成安装程序，且不会报错，对于打包安装程序，一般就是sencha cmd方式的打包跟使用phonegap进行打包，后面我们会详细讲解，这里就不做多余的讲解了

以上就是打包的4种方式，这里给大家简单介绍下，希望大家知道自己的项目为什么会加载缓慢，后面我们还会有更加详细的教程