打包RequireJS「文本！」模塊

Question

我想弄清楚是否（以及如何可能）使用RequireJS optimization tool不僅包含我的JavaScript模塊，還包括我的「文本」！模塊。我正在研究使用「文本」的Durandal應用程序。視圖模塊。

有時我們有用戶在嘗試加載視圖時發生超時。以下是一個示例錯誤：

Error: Load timeout for modules: text!views/primaryapplicants.html 
http://requirejs.org/docs/errors.html#timeout 

I've got another question I just posted about handling that timeout。我無法弄清楚如何攔截它並重試。我知道模塊定義是有效的，只是客戶可能有網絡連接問題 - 尤其是如果他們在手機上。然而，正如我一直在思考這一點，我意識到如果我可以簡單地將整個應用程序打包到單個文件中，那麼我們可以避免額外的HTTP調用 - 這可能會減少超時這樣的。這意味着應用程序要麼加載，要麼不會 - 而不是「部分」加載的可能性。

這個程序沒有大量的意見。我估計添加每個視圖將使用gzip壓縮添加大約20kb。

那麼，是否可以將這些「文本」打包？莫名其妙？

Answer 1

有inlineText build config option（默認爲true），它指示優化器完成您想要的操作。需要注意的是，就像其他模塊一樣，它只會檢測某個模塊的define()塊中指定的依賴關係。換句話說，它將無法檢測到按需請求的依賴關係，除非它們明確可達 - 這就是問題所在。

一個解決辦法（遠離如果你有很多視圖文件的理想），是指定的每一個text!依賴您在include option使用你的構建配置中，如：

// ... 
include: ["text!views/primaryapplicants.html", 
    "text!views/secondaryapplicants.html", 
    // etc. 
] 
// ... 

Answer 2

你可能想給韋蘭，Durandal的優化器一試。例如weyland-config.js配置可以在HTML StarterKit中找到。

https://github.com/BlueSpire/Durandal/blob/master/platforms/HTML/StarterKit/weyland-config.js

exports.config = function(weyland) { 
    weyland.build('main') 
     .task.jshint({ 
      include:'app/**/*.js' 
     }) 
     .task.uglifyjs({ 
      include:['app/**/*.js', 'lib/durandal/**/*.js'] 
     }) 
     .task.rjs({ 
      include:['app/**/*.{js,html}', 'lib/durandal/**/*.js'], 
      loaderPluginExtensionMaps:{ 
       '.html':'text' 
      }, 
      rjs:{ 
       name:'../lib/require/almond-custom', //to deploy with require.js, use the build's name here instead 
       insertRequire:['main'], //not needed for require 
       baseUrl : 'app', 
       wrap:true, //not needed for require 
       paths : { 
        'text': '../lib/require/text', 
        'durandal':'../lib/durandal/js', 
        'plugins' : '../lib/durandal/js/plugins', 
        'transitions' : '../lib/durandal/js/transitions', 
        'knockout': '../lib/knockout/knockout-2.3.0', 
        'bootstrap': '../lib/bootstrap/js/bootstrap', 
        'jquery': '../lib/jquery/jquery-1.9.1' 
       }, 
       inlineText: true, 
       optimize : 'none', 
       pragmas: { 
        build: true 
       }, 
       stubModules : ['text'], 
       keepBuildDir: true, 
       out:'app/main-built.js' 
      } 
     }); 
}