Extjs4.0开发项目的部署

 

使用Extjs4.0的SDK Tools可以很快的部署应用,而且Extjs 4.0的比以往的压缩打包部署要容易的多。

让我们通过如下几步来完成整个使用过程:

---------第一步,下载---------

首先需要下载Sencha SDK Tools,去官方网站的 这里,我直接把官方的地址粘到了下面,省得大家去找。

Automated Optimization with new SDK Tools beta

 

With the new application architecture it’s now possible for us to create tooling that makes writing, optimizing and deploying applications much easier. Ext JS 4 works with a beta version of the Sencha SDK Tools, including Optimizer, Builder, and Slicer. These tools let you optimize your JavaScript builds as well as ensure your theming works all the way down to IE6.

Download the SDK Tools beta:
Windows Mac Linux (64) Linux (32)  即可找到下载链接.

 

---------使用---------

 

下载完SDK Tools并安装后,如果是linux系统,随便打开一个远程访问工具(例:ssh),进入程序根目录:

 

从这里开始,只需要几个简单的命令就可完成整个过程。使用过extjs3.3之前的任何一个版本的朋友都应该在官方下载的压缩包里看到并使用过ext.jsb2这个文件。这个文件是在部署extjs应用时配合jbuilder这个工具压缩我们的js库用的,extjs4.0也不例外,首先我们要生成jsb3 这个文件。

 

 

通过index.html,SDK Tools将会扫面整个框架哪些文件在你的项目中被使用,然后生成一个JSB文件。说到这里,在Extjs4.0之前,大家基本都是根据项目使用的控件手工编改ext.jsb2文件的,现在好了,可以自动生成了。

不过先别太轻松,生成这个app.jsb3文件后,我们可能还需要简单编辑一下,因为我们自己可能添加了一些extjs框架以外的js或者css等文件。

 

 

 

一般情况下我们并不需要更改app.jsb3文件,接下来执行编译命令:

 

编译完成后将会生成一个app-all.js的文件,这个文件只包含了你的应用中所用到的JS类库,并且已经是压缩过的。同时还生成了一个用于调试的all-classes.js文件。

 

大部分应用程序都会有一个独立的index.html文件用于项目的部署。项目开发结束部署的时候,典型的index.html文件将类似如下所示:

 

 

 

  • 0
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 6
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值