プリコンパイルされたハンドルバーテンプレートはファイルサイズを2倍にします

Question

私は、主にデスクトップブラウザを目指している私のアプリでハンドルバーのテンプレートエンジンを使用しています。

現在、すべてのテンプレートをHTMLで配布し、ブラウザでコンパイルします。テンプレートにプリコンパイルを適用してアプリケーションを高速化したいと思っていましたが、思ったように機能しませんでした。

私は私のテンプレートをプリコンパイルし、最小限に抑えるために、このようなコマンドを実行します。

handlebars -m example.handlebars -f example.js

その後、私はとexample.jsファイルサイズがを倍増持っています！

テンプレートをコンパイルせずにブラウザの消費を削減し、ハンドルバーのランタイムパッケージはずっと小さくなっています。しかし、私のテンプレートのファイルサイズは、私が持っているものよりも多くの費用がかかります。

私はテンプレートをプリコンパイルするときに何か問題があったのですか？
または、テンプレートのプリコンパイルの意味を誤解しましたか？

テンプレートをプリコンパイルするときに、このような表現するので、常に、サイズはオーバーヘッドがあるでしょう

Answer 1

：

<div>{{values.abc}}</div> 

のようなものにコンパイルされます：

function program(data) { 
    return '<div>' + program2(data) + '</div>'; 
} 
function program2(data) { 
    return data.values ? data.values.abc ? data.values.abc : '' : ''; 
} 

しかし、ここではサイズがあってはなりません大きな懸念それが必要な場合は、一度にすべてをクライアントに送信するのではなく、動的にテンプレートをロードすることを検討する必要があります。