從RequireJS的r.js優化中排除任意文件並加載它們async

Question

我的RequireJS實現的很好，並且基於Grunt的構建過程通過r.js將JS應用優化爲一個文件，這也正常工作。我的所有應用程序文件都連接成一個用於高效生產部署。

的r.js優化也包括我的所有模板到主應用JS文件也是如此，這也是偉大的，將盡快需要作爲應用程序啓動時，或者很快之後的模板。對於可能永遠不會看到的視圖，或者在應用生命週期中稍後會看到的視圖來說，這並不是太好，如果這些模板按需要加載異步會更好。

所以我的問題是這樣的，有沒有辦法任意排除我的模板被包含到單片應用程序的JS文件中，並通過RequireJS加載異步，或者不支持？如果不支持什麼方法在async中加載模板？

我使用tpl文本模板插件和Backbone.Marionette。我的模板使用目前看起來有點像這樣：

define(function (require) { 

    var Backbone = require("backbone"); 

    var tpl = require("tpl!./some-view-template.tpl"); 

    return Backbone.Marionette.ItemView.extend({ 
     template: tpl 
    }); 
}); 

Answer 1

我認爲需要JS模塊將解決您的問題。我沒有試過懶加載只是模板，但你可以確定將組件（視圖，模型，模板）分開到需要JS模塊並延遲加載它們。

Ben Nadel在這個話題上的博客文章在這個話題上非常透徹。 http://www.bennadel.com/blog/2404-Compiling-Optimizing-A-Subset-Of-A-RequireJS-Application.htm