2012-08-30 7 views
6

github ace-buildsリポジトリ(https://github.com/ajaxorg/ace-builds)からの縮小エースエディタjsファイルは、275KBです。これは膨大なファイルサイズです。 Codemirror、同じ口径のjsエディタは100KBのマークの下にあります。エースエディタace.jsファイルサイズ

ace.jsを構築する方法があるようです。ファイルサイズを大幅に削減しながらこれを行う方法はありますか?

+0

使用している構文ライターの数はいくつですか? – alex

+0

CSSとHTMLだけ。これらの言語のファイルはそれぞれ約20KBです。どのくらいの数の異なるシンタックスハイライターを求めているのでしょうか? – ambiguousmouse

答えて

-1

単純にCodeMirrorを使用しないのはなぜですか?それは優れたIMHOです。

10

294kbのace.jsは既にビルドされ、バージョンが縮小されているため、これを大幅に削減する方法はありません。

はエースがより多くの機能が組み込まれてい

  1. このサイズの違いには2つの理由がありますので、我々は

    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 
    

    他の人を、これらの機能を削除する必要があります比較フェアを作るために:物事マウスを使ってテキストを選択しながら、自由にスクロールしながら、ページアップ/ダウンのアニメーション アニメーション、 より良いtoggleComment、smart gotoLineEnd、indentGuidesなどのようなラインを選択します。 はr彼らはスタンドアロンのモジュールではないので、emove。

    しかし、Codemirrorは双方向フォントと可変サイズのフォントをサポートしています これは残りの文字の一部を補うので、これを止めることができます。伐採エースの最終的なサイズ(のはエースと呼んでみましょう - 。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 
    

    最も重要

  2. 第二の理由は、コード化されたあまり違いはありません+ジップをuglifyあるサイズ401キロバイトですスタイルは、Codemirrorsスタイルが

  3. (エースは、クロージャを使用することはほとんどない)、それは多くの閉鎖を使用しています

    • 非常にコンパクトで、それはthisの非常にいくつかの用途が含まれています59個のモジュール
    • を持っており、それははるかに短い変数名
を持っているエースとは異なり、 (ace--で4373493
  • モジュールを使用していない、すべてが一つのファイルであり、

    非常に小さなエディタが必要な場合やエースの仕方が気に入らず、ほとんどのエディタを再実装したい場合は、Codemirrorを使用することをおすすめします。

    しかし、あなた自身のコードの300kbを追加せずにデスクトップエディタと同等のエディタが必要な場合は、aceがより良い選択です。

  • +0

    これらの強力なhtml5コードエディタの素晴らしい調査。エースは印象的です...これをありがとう –

    関連する問題