requirejsスクリプトCDN負荷の最適化

Question

後、私はそれは私がempty:を使用してmain.js、ビルドプロファイルを設定するためのドキュメントを以下のよ細かい事前最適化 の作品requirejsがr.js でoptimizing後に仕事を得るのに苦労しています ただし、最適化後、CDNスクリプトは読み込まれなくなりました。

公共/ index.htmlを

<script data-main="editor/js/main" src="editor/js/vendor/require.js"></script> 

公開/編集/ JS/main.js

requirejs.config({ 
    baseUrl: "/editor/js", 
    paths: { 
     "jquery": "http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min", 
     "order": "vendor/require_order", 
     "underscore": "vendor/underscore", 
     "handlebars": "vendor/handlebars-1.0.0.beta.4", 
     "jquery.mobile.router": "vendor/jquery.mobile.router", 
     "jquery.mobile": "http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min" 
    } 
}); 
require(["order!jquery", "order!underscore", "order!handlebars", "order!jam", "order!jquery.mobile"], function() { 
    //loaded 
}); 

のconfig/build.js

({ 
    baseUrl: "../public/editor/js", 
    name: "main", 
    out: "../public/editor/js/main-built.js", 
    paths: { 
     "order": "vendor/require_order", 
     "underscore": "vendor/underscore", 
     "handlebars": "vendor/handlebars-1.0.0.beta.4", 
     "jquery.mobile.router": "vendor/jquery.mobile.router", 
     "jquery": "empty:", 
     "jquery.mobile": "empty:" 
    } 
}) 

いつ私はr.jsを実行しますnode config/r.js -o config/build.js main-built.jsは正常に構築されます。

Answer 1

注文プラグインを使用してすべてをロードする特別な理由はありますか？

ビルドされたjavascriptで注文の問題が発生しましたか？

jQuery Mobileを（プラグインなしで）正常にロードすると、「空の」設定が有効になります。

require(["jquery", "underscore", "handlebars", "jam", "jquery.mobile"], function() { 

http://requirejs.org/docs/optimization.html#empty

あなたはまた、jQuery.mobile.router

requirejs.config({ 

    paths: { 
     "jquery": "http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min", 
     "order": "vendor/require_order", 
     "underscore": "vendor/underscore", 
     "handlebars": "vendor/handlebars-1.0.0.beta.4", 
     "jquery.mobile.router": "vendor/jquery.mobile.router", 
     "jquery.mobile": "http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min" 

    }, 

    shim: { 
     "router": { 
      "deps" : ["jquery.mobile"] 
     }, 
     "jquery.mobile" : { 
      "deps" : [ "jquery.mobile.router"], 
      "exports": "$.mobile" 
     }, 

     "jquery.mobile.router": { 
      "exports": "$.mobile.Router" 
     } 
    } 
}); 

のための依存チェーンを定義する必要がありますこの質問への答えを参照してください。

Require.js with jQueryMobile-Router

私はrequirejsであなたの問題を解決することを願っていますあなたがその構造に慣れれば、それは非常に強力で有用なツールであることがわかりました。

_pez