《extjs(入门篇03)usingandcreatingbuilds》.docx

《《extjs(入门篇03)usingandcreatingbuilds》.docx》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、UsingandCreatingBuilds本系列文章为翻译文章，翻译自API文档，也是入门级别的文章，请初学者仔细阅读，如果翻译有不妥的地方，请谅解，如果转载请注明作者及出处。SenchaTouch2较之前有了一个全新的类系统，这也给我们带来了极大的方便，例如类文件的动态加载，尤其在开发以及打包成产品的时候更加突出优越性。在开发过程中，动态加载就意味着我们可以对文件进行堆栈跟踪，方便了debug。对于生产，SenchaTouch2为我们提供了一个build工具，来压缩我们的代码，仅包含我们需要的类文件，减少加载

2、时间。ChoosingaBuildSenchaTouch2为我们提供了5种builds。如果你只想快速构建一个应用程序，那么我们在开发阶段最好使用sencha-touch-debug.js，在发布的时候则使用sencha-touch.js，其他的三种则分别用于产品的debug，无定制运行，以及产品框架的升级。每一种build都是针对不同目的使用的，下图中显示了具体使用范围：上述文件存在于SDK根目录下或者builds文件夹下。如果你对上图中的内容不够明白的话，简单解释一下：Type：Core只包含最基本的类文件，

3、不包含任何组件。All则意味着包含了全部内容类文件和组件。Loader：动态加载是否激活。只有sencha-touch.js默认激活。Minified：意味着build已经使用YUIcompressor压缩。Comments：意味着build中含有JSDoc注解。Debug：意味着该build会为我们提供一些debug信息。Compat：代码实现向后兼容。CreatingyourownBuild绝大多数情况下，SenchaTouch2的应用程序都会使用一个custombuild，原因有2：1.custombuil

4、ds仅包含最基本的框架类，节省加载时间。2.一个custombuild只存在于一个文件中，也就意味着我们只需要发送一个网络请求便可获得，这个尤其重要。大多数的应用程序都会有很多的文件需要加载，有的甚至几百个文件，我们需要一个个的加载他们，将花费很多的时间。因为每一个文件的加载都会有几百毫秒的延迟（取决于网速），一旦文件数量多的话，很容易造成几秒钟的加载延迟。所以为了让我们方便快捷的开发应用程序，SenchaTouch2为我们提供了SenchaSDKTools，具体用法参照下一篇文章。InstallingtheSD

5、KTools如果你还没有安装SDKTools，那么轻先进行安装，然后才能创建build。最快检测是否安装的方法是在命令行中键入sencha，已经正确安装的提示信息如下：否则请下载最新的SDKTools进行安装。GeneratingaBuild（构建步骤预计在下一个版本中简化，如果简化请参照最新文档）假定我们已经在本地创建好了一个应用程序，想把它构建成一个产品，并且该程序是本地的。我们将使用Twitter的例子来阐述SDK的使用。首先让我们熟悉一下该例子的index.html文件：

6、ml>

7、avascript"src="app.js">值得注意的是，上面代码中将加载sencha-touch-debug.js和app.js，这样就允许我们开发时动态加载，这将使用SDK最基本的功能—生成一个最小的build。切换到命令行，进入我们应用程序的目录：cd~/path/to/my/app然后我们需要为应用程序生成一个jsb文件，一个jsb文件基本上就是应用程序使用类的一个list。命令代码如下:senchacreatejsb-aindex

8、.html-papp.jsb3通过该命令，我们将程序中用到的类，写到一个叫作app.jsb3的文件中，然后需要下面的代码便能生成build：senchabuild-papp.jsb3-d./最后的命令，将jsb文件中罗列的文件写到一个文件中去，然后压缩到最小，生成的文件名为all-classes.js，包含了我们用到的所有类。UpdatingyourHTMLfile最后一