JSB 生成文件

JS Builder

JS Builder (简称JSB)是管理生成文件的成熟方案,而其本身就是在Ext团队内部用于发布工程版本的工具。

虽然只能在Windows .NET环境下运行,在某些场合可能会受到一些限制,但它比其它以上讨论过的生成方案有着更多的优点。

.jsb 格式的文件包含了Ext代码发布生成的信息,可用JSB的图形界面来打开与编辑。

JSB GUI

要完整地讨论JSB的使用已经超出了本教程的范围。 实际上, JSB不仅有一般的压缩/输出功能,还可将指定的JS和CSS文件一起输出到项目指定生成版本。

简单试着创建一个新的项目,然后加入你所需的文件。在Options窗口里面有些许多的选项,在Project标签页和Build标签页里面有和项目输出相关的不同设置。

接着,我们将会讨论怎么更有效地从源码生成EXT。JSB是必需的,如果你还没有,应先从JSB项目主页下载一个JSB。 完成后,接着就可进行生成的工作。

生成步骤
  1. Ext源文件可以是在随便一个地方, 但原始的目录结构应保持一致,不应作目录结构上的改动。
  2. Ext /trunk (或是 /branches/ext2.0)下面找到 /src 文件夹,双击ext.jsb 启动JSB界面。
  3. 默认下, 一切的设定就应该像Ext团队般的设定。在Build Settings'标签页下面的Output Directory的值要改为你自己的目录。这是输出文件所在的根目录。
  4. 点击Build Project 按钮(右手边最后的菜单按钮)或从菜单选择 select Build > Build Project 。这样就会开始生成文件,在输出的目录中将会看到这些文件。
  5. 按照情况重复执行三个.jsb 文件(其它的在/resources/examples)。

在Build Settings标签页的底部看起有一些列表是列出输出文件的,这些就是“输出目标”,或是将多个源文件捆绑成为输出文件。其目的在于创建在用一个程序中以不同的功能区分的多个包的版本。你注意到了 ext.jsb那一项是"Everything" — 这是定义了许多人默认使用Extext-all.js的版本。你可根据自身的需求来编辑这些输出目标。按照这种方式来管理你的项目是一个不错的方式—你可将全部的JavaScript的程序代码整合到单独一个文件中去。


有时为了测试,要将JSB和最新版的SVN更新配合一齐工作,典型的工作流程是这样的:

  • 从SVN上更新Ext源码到本地。
    如果你编辑过任何的文件(包括.jsb文件),那么必须先删除或移动这些文件— SVN不会覆盖这些文件。 注意: 基于当前的实现, 如果你打算自定义输出的目录, 你要每次编辑这项设定因为所有的设定都保存在 .jsb 文件中,而这个文件总是由SVN更新的。该功能可能会在未来的版本中改进,实现每个项目的设置都可分别地按照已定义好的设置保存。
  • 对EXT输出目录进行备份。万一出现状况也可回滚到之前的版本而无须重建。
  • 打开每个 .jsb文件并生成
  • 对新版本的Ext进行测试
JSB控制台(Console)

JSB亦提供方便的命令行的控制台版本。利用批处理文件Ant脚步等自动化生成版本时,Console就显得很有用。使用JSB的控制台也是非常简单的:

生成步骤
  1. 打开Windows的命令提示符command prompt。
  2. 进入JSB安装目录(或加入system path)。
  3. 加入参数/path 指定.jsb 文件的路径运行 JSBuildConsole.exe如需指定输出目录,须加入 /output 的参数(如不指定它会使用.jsb里面指定的默认输出路径)。 运行JSBuildConsole /?可得到所有参数的帮助。举例:
    JSBuildConsole /path=c:/svn/ext/branches/ext2.0/src/ext.jsb /output=c:/inetpub/wwwroot/ext/deploy
  4. 重复每个需要生成的.jsb文件
自动化脚本

像本文开头所提及的那样,Ext SVN Builder主要用于在随时的情况下,生成来自SVN的最新版本。 而且, 对于读取.jsb格式的文件也是毫无问题的。因为这种文件是JS Builder项目的保存格式, 为每个项目的发布都保存了一切的依赖关系在其中。即使这种文件是为JS Builder而设的,但是你也可以根据自身的需求修改里面的内容和SVN Builder配套使用(译注:jsb使用xml保存)。 一般来说,如需要这种层面上的应用,倒不如用JS Builder, 可能更适合你的需求,我们下一节分析。

像刚才所说的Ext SVN Builder那样, 通过批处理脚步的方式使用命令行版本的JSB是提高效率的常用办法。把下面的脚本保存到一个批处理文件中(如"build-ext-2.0.bat")并 设置好相应的路径变量。路径变量之间空白符要作适当的处理。文件一旦创建好, 就可在资源管理器中双击执行或在命令行中输入build-ext-2.0执行。演示的例子会生成三个Ext的项目,并有详尽的登陆过程和会把之前生成的文件删除。

echo off
set JSB="C:/JS Builder/JSBuildConsole.exe"
set EXT_PATH="C:/SVN/Ext/branches/ext2.0"
set OUTPUT="C:/Inetpub/wwwroot/deploy/ext-2.0"

set SRC=%EXT_PATH%/src/ext.jsb
set RESOURCES=%EXT_PATH%/resources/resources.jsb
set EXAMPLES=%EXT_PATH%/examples/examples.jsb

%JSB% /path=%SRC% /output=%OUTPUT% /clean /verbose
%JSB% /path=%RESOURCES% /output=%OUTPUT%/resources /clean /verbose
%JSB% /path=%EXAMPLES% /output=%OUTPUT%/examples /clean /verbose
JS Builder Pros & Cons
  • 文件管理的图形界面
  • 灵活配搭源文件,伸缩性强
  • 可自定义生成目标
  • 方便生成未压缩的调试版本
  • 非Ext文件、项目都可用于JSB
  • 控制台console的功能也在内
  • 只限Windows,必需有.NET 2.0环境
  • 控制输出路径(GUI内的)当前不是最理想的

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值