2011-08-14 30 views
4

使用ext-all.js和ext-all-debug.js有什麼區別?ext-all.js VS ext-all-debug.js

從debug.js切換到ext-all.js是否可以提高性能?

我可以假設從調試切換到普通文件不會對應用程序產生任何其他影響嗎?

此外,任何人可以建議什麼ext-base.js做什麼?

+0

http://stackoverflow.com/q/22164500/752603 – PHPst

回答

7

Ext-all基本上是調試版的縮寫版。獲得的收益是它大大減少了文件大小,使客戶不得不下載更少的文件。外部基礎是分機的核心功能。如果你只使用那些你可以包含那個文件而不是ext-all中的大集合。

的EXT網站曾經有一個自定義的JS建設者在那裏你會選擇你需要的功能,它會創建一個自定義JS你只有那些

+0

這意味着,當我們已經包含EXT-all.js EXT-base.js不需要? – hop

+1

否相反。 ext-base擁有ext的所有基本功能。 ext-all擁有所有的小部件。你需要轉基(25K文件),但在很多情況下,你只用部件的一個子集(700K文件)。 – Eddy

5

EXT-所有調試設置成模塊你可以通過extjs代碼進行調試。它執行與ext-all.js完全相同的操作。使用ext-all.js可以提高性能,因爲文件的大小要小得多,因此客戶端可以更快地下載和訪問它們。

ext-base-debug和ext-base.js的情況也是如此。這些包含ext-all.js依賴的操作,例如Ajax操作。交換這些文件不會對您的應用程序產生任何影響。

在開發過程中使用ext-all-debug和ext-base-debug。在生產中切換到ext-all.js和ext-base.js。

3

此信息已針對使用ExtJS4.1的人員進行了更改。

在實施和優化應用程序之後,我喜歡很多人,對於哪個流程最適合'生產實施'感到困惑。

這本最新的文檔原來是在煎茶此文件: http://docs.sencha.com/ext-js/4-1/#!/guide/getting_started

這是很難鑑別,但對我來說,關鍵是步3#。部署應用程序。

對於被進行這四個步驟:

  1. cd到根
  2. 煎茶創建JSB - 這產生的使用的類的清單。 - 它也可以在構建之前進行修改,以防萬一需要。
  3. sencha build - 創建兩個文件(all-classes.js,app-all.js) - all-classes.js是非最小的審查。 - APP-all.js是生產準備文件
  4. 設置爲PROD - 這是剩下的包括需要在生產文件:
ext-all.css //minified-css, concatenated and dusted is optimal. 
ext/ext.js //non-debug 
app-all.js //minified, concatenated, app + framework files (only classes used). 

希望這可以幫助別人。:)

+1

有趣!有沒有辦法只用Ext Js 3.4提取所需的代碼? – hop

0

「ext.js」 和 「EXT-debug.js」 之間的差異是:

  1. 「EXT-調試」 沒有被壓縮(或 「精縮」)。
  2. 「EXT-調試」不通過Cmd的優化運行。

這些文件,否則包含完全相同的代碼。此外,這兩種口味從「src」文件夾下載所需的類。總之,這兩個文件都是爲了支持調試。

爲了提高性能,減少了下載到的文件數量,可能可以使用煎茶Cmd的。這樣
sencha fs minify -yui -from=ext-debug.js -to=ext.js

對於CMD主題分機4.2.2文檔集中的一些東西是更多的電流,您可以訪問的dec here

希望這可以幫助你。

相關問題