私の問題は grunt-contrib-handlebars と非常によく似ています- 出力は handlebars npm task を実行したときとは異なりますが、誰もその質問に答えていないので、自分で始めようと思いました。
ハンドルバー テンプレート ファイルを js ファイルにプリコンパイルしようとしています。私は元々 handlebars npm タスクを使用して手動でコンパイルしましたが、Web サイトは npm で生成された出力で正常に動作します。次のコマンドを実行します。
handlebars *.handlebars -f template.js
これにより、次のものが生成されました。
(function() {
var template = Handlebars.template, templates = Handlebars.templates = Handlebars.templates || {};
templates['address-book-contact-form'] = template(function (Handlebars,depth0,helpers,partials,data) {
this.compilerInfo = [2,'>= 1.0.0-rc.3'];
helpers = helpers || Handlebars.helpers; partials = partials || Handlebars.partials; data = data || {};
var buffer = "", stack1, stack2, options, functionType="function", escapeExpression=this.escapeExpression, self=this, helperMissing=helpers.helperMissing;
buffer += "<form class=\"dark-bg\">\n <input type=\"hidden\" id=\"propertyId-input\" name=\"propertyId\" value=\"";
if (stack1 = helpers.propertyId) { stack1 = stack1.call(depth0, {hash:{},data:data}); }
else { stack1 = depth0.propertyId; stack1 = typeof stack1 === functionType ? stack1.apply(depth0) : stack1; }
buffer += escapeExpression(stack1)
+ "\"/>\n\n ";
stack1 = self.invokePartial(partials['partial-overlay-nav'], 'partial-overlay-nav', depth0, helpers, partials, data);
if(stack1 || stack1 === 0) { buffer += stack1; }
buffer += "\n \n <div class=\"property-fields-wrapper\">\n <fieldset>\n <div class=\"address-book-form row\"> \n \n <div class=\"span3\">\n <h4>Info</h4>\n ";
options = {hash:{},data:data};
stack2 = ((stack1 = helpers.inputField),stack1 ? stack1.call(depth0, "name", "Business Name", depth0.name, true, options) : helperMissing.call(depth0, "inputField", "name", "Business Name", depth0.name, true, options));
if(stack2 || stack2 === 0) { buffer += stack2; }
buffer += "\n ";
if (stack2 = helpers.addressBookContactTypeDropdown) { stack2 = stack2.call(depth0, {hash:{},data:data}); }
else { stack2 = depth0.addressBookContactTypeDropdown; stack2 = typeof stack2 === functionType ? stack2.apply(depth0) : stack2; }
if(stack2 || stack2 === 0) { buffer += stack2; }
buffer += "\n ";
...
現在、grunt-contrib-handlebars で grunt を使用してテンプレート ファイルをコンパイルしようとしています。そして、次の出力が得られます。
Handlebars.template(function (Handlebars,depth0,helpers,partials,data) {
this.compilerInfo = [4,'>= 1.0.0'];
helpers = this.merge(helpers, Handlebars.helpers); data = data || {};
var stack1, functionType="function";
if (stack1 = helpers.addressBookContactFormPropertyItem) { stack1 = stack1.call(depth0, {hash:{},data:data}); }
else { stack1 = depth0.addressBookContactFormPropertyItem; stack1 = typeof stack1 === functionType ? stack1.apply(depth0) : stack1; }
if(stack1 || stack1 === 0) { return stack1; }
else { return ''; }
})
Handlebars.template(function (Handlebars,depth0,helpers,partials,data) {
this.compilerInfo = [4,'>= 1.0.0'];
helpers = this.merge(helpers, Handlebars.helpers); data = data || {};
return "<div class=\"address-book-property-selection-wrapper\">\n <div class=\"dk_container dk_theme_default\" id=\"dk_container_address-book-properties-input\" style=\"display: block;\">\n <a class=\"dk_toggle\"><span class=\"dk_label\">Property</span></a>\n </div>\n <div class=\"address-book-properties-container\">\n <div class=\"address-book-properties-search-container\">\n <input type=\"text\" class=\"span3\" id=\"address-book-properties-search-input\" placeholder=\"\" />\n </div>\n <ul class=\"collection\"></ul>\n </div>\n</div>";
})
Handlebars.template(function (Handlebars,depth0,helpers,partials,data) {
this.compilerInfo = [4,'>= 1.0.0'];
helpers = this.merge(helpers, Handlebars.helpers); partials = this.merge(partials, Handlebars.partials); data = data || {};
var buffer = "", stack1, stack2, options, functionType="function", escapeExpression=this.escapeExpression, self=this, helperMissing=helpers.helperMissing;
buffer += "<form class=\"dark-bg\">\n <input type=\"hidden\" id=\"propertyId-input\" name=\"propertyId\" value=\"";
if (stack1 = helpers.propertyId) { stack1 = stack1.call(depth0, {hash:{},data:data}); }
else { stack1 = depth0.propertyId; stack1 = typeof stack1 === functionType ? stack1.apply(depth0) : stack1; }
buffer += escapeExpression(stack1)
+ "\"/>\n\n ";
...
誰かが状況についてアドバイスをくれるでしょうか？出力が異なる理由と、うなり声の出力を手動の npm ハンドルバーのコンパイルと同じにする方法がわかりません。