EXTJS(入门篇03)Using and Creating Builds.docxVIP

Using and Creating Builds本系列文章为翻译文章，翻译自API文档，也是入门级别的文章，请初学者仔细阅读，如果翻译有不妥的地方，请谅解，如果转载请注明作者及出处。Sencha Touch 2较之前有了一个全新的类系统，这也给我们带来了极大的方便，例如类文件的动态加载，尤其在开发以及打包成产品的时候更加突出优越性。在开发过程中，动态加载就意味着我们可以对文件进行堆栈跟踪，方便了debug。对于生产，Sencha Touch 2为我们提供了一个build工具，来压缩我们的代码，仅包含我们需要的类文件，减少加载时间。Choosing a BuildSencha Touch 2为我们提供了5种builds。如果你只想快速构建一个应用程序，那么我们在开发阶段最好使用sencha-touch-debug.js，在发布的时候则使用sencha-touch.js，其他的三种则分别用于产品的debug，无定制运行，以及产品框架的升级。每一种build都是针对不同目的使用的，下图中显示了具体使用范围：上述文件存在于SDK根目录下或者builds文件夹下。如果你对上图中的内容不够明白的话，简单解释一下：Type：Core只包含最基本的类文件，不包含任何组件。All则意味着包含了全部内容类文件和组件。Loader：动态加载是否激活。只有sencha-touch.js默认激活。Minified：意味着build已经使用YUI compressor压缩。Comments：意味着build中含有JSDoc注解。Debug：意味着该build会为我们提供一些debug信息。Compat：代码实现向后兼容。Creating your own Build绝大多数情况下，Sencha Touch 2的应用程序都会使用一个custom build，原因有2：custom builds仅包含最基本的框架类，节省加载时间。一个custom build只存在于一个文件中，也就意味着我们只需要发送一个网络请求便可获得，这个尤其重要。大多数的应用程序都会有很多的文件需要加载，有的甚至几百个文件，我们需要一个个的加载他们，将花费很多的时间。因为每一个文件的加载都会有几百毫秒的延迟（取决于网速），一旦文件数量多的话，很容易造成几秒钟的加载延迟。所以为了让我们方便快捷的开发应用程序，Sencha Touch 2为我们提供了Sencha SDK Tools，具体用法参照下一篇文章。Installing the SDK Tools如果你还没有安装SDK Tools，那么轻先进行安装，然后才能创建build。最快检测是否安装的方法是在命令行中键入sencha，已经正确安装的提示信息如下：否则请下载最新的SDK Tools进行安装。Generating a Build（构建步骤预计在下一个版本中简化，如果简化请参照最新文档）假定我们已经在本地创建好了一个应用程序，想把它构建成一个产品，并且该程序是本地的。我们将使用Twitter的例子来阐述SDK的使用。首先让我们熟悉一下该例子的index.html文件：!DOCTYPE htmlhtmlhead meta http-equiv=Content-Type content=text/html; charset=utf-8 titleTwitter/title link rel=stylesheet href=resources/css/application.css type=text/css script type=text/javascript src=touch/sencha-touch-debug.js/script script type=text/javascript src=app.js/script/headbody/body/html值得注意的是，上面代码中将加载sencha-touch-debug.js和app.js，这样就允许我们开发时动态加载，这将使用SDK最基本的功能—生成一个最小的build。切换到命令行，进入我们应用程序的目录：cd ~/path/to/my/app然后我们需要为应用程序生成一个jsb文件，一个jsb文件基本上就是应用程序使用类的一个list。命令代码如下:sencha create jsb -a index.html -p app.jsb3通过该命令，我们将程序中用到的类，写到一个叫作app.jsb3的文件中，然后需要下面的代码便能生成build：sencha build -p app.jsb3 -d ./最后的命令，将jsb文件中罗列的文件写到一个文件中去，然后压缩到最小，生成的文件名为all-classes.js，包含了我们用到的所有类。Updating your HT