Sencha Touch JSbiulder 的使用

首先JSBuilder的用途和为什么要使用JSBuiler，在于下面这几句话，从网上搜得：

The aim of JS Builder is, ultimately, to make your website or application load quicker. It does this by combining your Javascript and CSS files, minifying them and outputting them to fewer files. You may, for example, opt to have one CSS file, and two Javascript files (Ext-all.js and app.js). This results in far fewer requests to your server which, although the individual file sizes are larger, boosts performance.

 

好，现在我们使用JSBuiler来压缩我们的代码(这里我用的是Sencha-Touch, 当然ExtJS也同样适用)：

在window下（当然也有在linux和max下的操作，这里只介绍在window下）：

1 首先要有Sencha Touch的源文件，可在官网上下载.www.sencha.com.

2 在源文件内有一个sencha-touch.jsb3，将这个文件copy出来，放到我们自己的工程目录下，稍作修改， 改名为myproject.jsb3.

打开后，发现原来是一段JSON合适的文件，一目了然，怎么样编写，和挑选文件，不再这里赘述。

3 然后找到sencha-touch/jsbuilder目录，下面有一个JSBuilder.bat文件（关键是这个文件）。

4 命令行进行压缩：

打开cmd：

进入到JSBuilder.bat文件所在目录,  命令为：

JSBuilder.bat -d 我们需要输出的文件的目录 -p jsb3所在文件的目录 --verbose

例如：

JSBuilder.bat -d E:/workspace/myproject/depoy -p E:/workspace/myprojec/myproject.jsb3 --verbose

 

OK,执行此命令后发现，在我们的工程文件下多了一个文件夹叫做deploy，就会得到我们想要的文件（一个压缩的文件和一个未被压缩的文件），就类似于Sencha-Touch.js 和Sencha-Touch-debug.js(当然如果你用Extjs，那就类似于：ext.js和ext-debug.js)