[前端]-extjs的文件目录结构简介

一、文件结构  

文件/文件夹名 作用

builds  压缩后的ExtJS代码,体积更小,更快

docs  开发文档

examples  官方演示示例

locale  多国语言资源文件

packages ExtJS各部分功能的打包文件

resource  ExtJS所需要的CSS与图片文件

src  未压缩的源代码目录

bootstarp.js  ExtJS库引导文件,可通过参数自动切换ext-all.js与ext-all-debug.js

ext-all.js  ExtJS核心库,需要引用

ext-all-debug.js  ExtJS核心库的调试版,调试时使用

注:EXTJS文件的区别:

ext-all.js:包含所有的EXTJS框架文件,已经混淆

ext-all-debug.js:包含所有的EXTJS框架文件,没有混淆

ext-all-dev.js:包含所有的EXTJS框架文件,没有混淆,且包含调试信息

ext.js:仅包含能让EXTJS运行的最小集合,已经混淆

ext-debug.js:仅包含能让EXTJS运行的最小集合,没有混淆

ext-dev.js:仅包含能让EXTJS运行的最小集合,没有混淆,且包含调试信息

 

在4.0的时候有bootstrap.js,4.2就没有了。但是sample中的include-ext.js应该是同样的功能

bootstrap.js:自动加载ext-all.js或者ext-all-debug.js,在以下情况下会加载ext-all-debug.js

1.当前主机名是本地

2.当前主机是使用IPV4地址

3.Current protocol is a file(当前的协议是一个文件)

4.其他情况下自动加载ext-all.js

 

    我们在进行Ext开发的时候只需将ext-all.js、ext-all-debug.js、bootstarp.js和locale文件夹里的ext-lang-zh_CN.js以及resource整个文件夹拷入项目的ExtJs4(名字随便起)文件夹里。

二、页面引用

1.引入Ext的ExtJs4/resources/css/ext-all.css 。

 2.引入ExtJS的核心库ExtJs4/ext-all.js或者ExtJs4/ext-all-debug.js 。

3.引入自己写的实现本页面功能的JS。

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值