2012-08-30 24 views
6

Github ace-burasds deposundan (https://github.com/ajaxorg/ace-builds) minified ace editor js dosyası, 275KB'lik bir değerdir. Bu büyük bir dosya boyutu. Aynı kalibreden bir js editörü, Codemirror, 100KB işareti altındadır.Ace Editor ace.js Dosya Boyutu

Ace.js. oluşturmanın bir yolu var gibi görünüyor. Dosya boyutunu önemli ölçüde azaltırken bunu yapmanın bir yolu var mı?

+0

Kaç sözdizimi vurgulayıcı kullanıyorsunuz? – alex

+0

Sadece CSS ve HTML. Bu diller için dosyaların her biri yalnızca 20KB'dir. Eğer kaç farklı js sözdizimi highlighters soruyorsanız, o zaman sadece bir tane: Ace Editor. – ambiguousmouse

cevap

-1

Neden CodeMirror'ı kullanmıyorsunuz? Bu mükemmel IMHO. 294kb'nin zaten oluşturulmuş ve küçültülmüş hali olan ace.js, bu büyük ölçüde azaltmanın bir yolu yok,

10
.

ace fazla özellik inşa etti

  1. boyutunda bu farkın iki sebebi vardır Bu yüzden

    not minified ace.js is . . . . 530kb 
    - multiselect . . . . . . . . . 484kb 
    - folding . . . . . . . . . . . 451kb 
    - bracketmatch, highlight selected 
        word, search, worker . . . . 429kb 
    - built in theme, unicode 
        support for selectWord . . . 401kb 
    

    diğerlerini bu özellikleri kaldırmak gerekir karşılaştırma adil hale getirmek için:. Şeyler gibi, fare ile metin seçerken serbest kaydırma, pageUp/Aşağı sayfasında animasyonu, oluk satırları seçerek, daha iyi geçiş yapma, akıllı gotoLineEnd, indentGuides vb. bağımsız modüller olmadıklarından, emove.

    ancak Codemirror, kalanları telafi eden çift yönlü ve değişken boyutlu yazı tiplerini destekler; kısmak as Final boyutu (en ace diyelim -. js)

    file   |size kb| zip |uglify|uglify+zip|uglify-m-c|+zip  
    -------------|-------|------|------|----------|----------|----  
    ace.js  | 530 | 106 | 374 | 91.8  |292  |81.1 
    ace--.js  | 401 | 77.1 | 279 | 65.2  |216  |56.5 
    codemirror.js| 212 | 55.6 | 144 | 40.1  |100  |33.1 
    

    en önemli

  2. İkinci neden kodlama olduğunu çok farklı değil + zip çirkinleştirmek olan boyutu 401KB olduğunu stil, Codemirrors tarzı çok kompakt

    • birçok kapanışları this ait (as neredeyse hiç kapanışları kullanır)
    • içerdiği çok az kullanır kullanır (493 vs ace-- içinde 4373)
    • modülleri kullanmaz, her şey tek bir dosyada 59 modüllerini
    • var as aksine olduğunu ve çok daha kısa değişken isimleri
sahiptir

Eğer çok küçük bir editöre ihtiyacınız varsa veya as'ın çalışmasını sevmiyorsanız ve çoğunu yeniden canlandırmak istiyorsanız Codemirror gitmenin en iyi yoludur.

Ancak, kendi editörünüze 300kb eklemeden masaüstü editörleriyle eşit bir editöre ihtiyacınız varsa, daha iyi bir seçim IMHO'dur.

+0

Bu güçlü html5 kod düzenleyicileri için harika bir anket. Ace etkileyici ... Bunun için teşekkürler –