Ext4.2文件目錄及頁面默認導入文件

一、文件結構  

文件/文件夾名 作用

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。