JSBuilder2使用方法.doc

JSBuilder2使用方法
作者:姚亚兵
微博:http://t./yubong
2011-5-3
目录
一、什么是JSBulider 1
二、使用JSBuilder2 1
: 1
: 2
2
5
5
5
三、总结 6
一、什么是JSBulider
JSBuilder是一款跨平台的Java应用程序,在项目构建期间,开发者使用它能够定制优化JavaScript。它依赖于简单的JSON配置文件来构建ExtJS项目,当然开发者也可以配置其他资源文件。【译ducts/jsbuilder】
JSBuilder2与JSBuilder1相比,增加对CSS资源的支持。
二、使用JSBuilder2
:
下载地址ducts/jsbuilder
本页有JSBuilder简介,下载后解压,如图一目录:
图一
:构建项目时JSON配置参数说明,稍后配合例子说明。
:JSBuilder构建类库。
:执行JSBuilder方法说明,打开后可以看到不同平台用法,如window下:java -jar --projectFile C:\Apps\2 --homeDir C:\Apps\\,具体参数稍后解释。
:
本人从最简单构建js说起,建立ExtJS项目,目录结构如图二:
图二
demo目录为项目根目录,src文件夹为ExtJS代码及资源文件等,为演示方便简单建立js、image文件夹。其中,js文件夹存放两个js文件分别为:,image文件夹存放图片资源。如下图三、图四:
图三、Js目录内容
图四、image目录内容
,主要为明白jsbulider使用原理。
:
图五
:
图六
可以看到很简单,,下面这个比较重要就是配置构建JSON配置文件。

在我们使用Ext项目类库文件时,,它就是extjs发布时的构建配置文件,如下图七。
图七
,如图八,就是一个JSON配置文件,详细说明了Ext构建发布版本是的配置信息。
图八
可以看到就是一个JSON文件。这时,开始我们自己项目的配置文件吧。
新建一个jsb2文件
,内容如图九:
图九
参数说明:
"projectName": "Demo",为项目名称,可以根据情况自己定义;
"deployDir": "demo",为项目根路径名称,对于我们的演示项目就是demo;
"licenseText": "Ext JS Library .......",为授权信息,