2013-05-06 76 views
2

ember.js上的所有示例都顯示了在單個大型html文件中以嵌入腳本標記形式使用的模板。 有沒有什麼辦法可以將他們自己的文件中的模板分開,如果有的話,它周圍的最佳做法是什麼?如何模塊化ember.js模板?

+0

什麼是您的服務器後臺? – 2013-05-06 17:42:08

+0

java with spring – pdeva 2013-05-06 21:06:47

回答

1

假設我們專注於重新構造前端應用程序併爲JavaScript環境(ember.js及其依賴項)定義工作流程,可以使用各種工具來實現這一點。我建議你看看GruntYeoman

有幾個教程/ github項目讓你開始。

要回答你的問題有關模板:

咕嚕有grunt-ember-templates插件,能夠裝載了個人車把模板文件,並將其編製成一個單一的JS (全部由咕嚕咕嚕處理)。

下面的配置可以讓你分割你的車把在app /模板模板,同時在運行時一切都將被編譯成腳本/ templates.js

ember_templates: { 
    compile: { 
    options: { 
     templateName: function(sourceFile) { 
     return sourceFile.replace(/app\/templates\//, ''); 
     } 
    }, 
    files: { 
     "<%= yeoman.app %>/scripts/templates.js": ["<%= yeoman.app %>/templates/**/*.handlebars"] 
    } 
    } 
}, 
+0

雖然不錯,但這並不能回答如何在多個文件中分割模板的基本問題。 – pdeva 2013-05-06 21:41:12

+0

查看更新的答案。我相信它涵蓋了分離他們自己的文件中的模板。工作流 - 部分由grunt提供 - 需要爲您提供乾淨的設計時視圖,同時允許爲運行時正確編譯所有內容。 – ddewaele 2013-05-06 21:47:42