github ace-buildsリポジトリ(https://github.com/ajaxorg/ace-builds)からの縮小エースエディタjsファイルは、275KBです。これは膨大なファイルサイズです。 Codemirror、同じ口径のjsエディタは100KBのマークの下にあります。エースエディタace.jsファイルサイズ
ace.jsを構築する方法があるようです。ファイルサイズを大幅に削減しながらこれを行う方法はありますか?
github ace-buildsリポジトリ(https://github.com/ajaxorg/ace-builds)からの縮小エースエディタjsファイルは、275KBです。これは膨大なファイルサイズです。 Codemirror、同じ口径のjsエディタは100KBのマークの下にあります。エースエディタace.jsファイルサイズ
ace.jsを構築する方法があるようです。ファイルサイズを大幅に削減しながらこれを行う方法はありますか?
単純にCodeMirrorを使用しないのはなぜですか?それは優れたIMHOです。
294kbのace.jsは既にビルドされ、バージョンが縮小されているため、これを大幅に削減する方法はありません。
はエースがより多くの機能が組み込まれてい
このサイズの違いには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
最も重要
第二の理由は、コード化されたあまり違いはありません+ジップをuglifyあるサイズ401キロバイトですスタイルは、Codemirrorsスタイルが
this
の非常にいくつかの用途が含まれています59個のモジュール4373
対493
)
非常に小さなエディタが必要な場合やエースの仕方が気に入らず、ほとんどのエディタを再実装したい場合は、Codemirrorを使用することをおすすめします。
しかし、あなた自身のコードの300kbを追加せずにデスクトップエディタと同等のエディタが必要な場合は、aceがより良い選択です。
これらの強力なhtml5コードエディタの素晴らしい調査。エースは印象的です...これをありがとう –
使用している構文ライターの数はいくつですか? – alex
CSSとHTMLだけ。これらの言語のファイルはそれぞれ約20KBです。どのくらいの数の異なるシンタックスハイライターを求めているのでしょうか? – ambiguousmouse