ページあたりのスクリプトを正しく組み込む方法

Question

jqueryや他のフレームワークなど、私のすべてのページが使用する多くの共有スクリプトがあります。

しかし、一部のページにはそのページのスクリプトファイルが1つしかありません。例：Index.htmlには対応するindex.jsファイルがあります。それは私を助けていないので、

<script data-main="script/includes" src="./script/require.js"></script> 
<script type="text/javascript" src="./escript/index.js"></script> 

しかし、この場合

が、私はindex.js負荷が前にそれの仕事を行っている必要だと思う：

私のオリジナルのアイデアは、このような何かをすることでした。

私がしたいことは、すべての共有されたものを読み込み、ページ固有のものを読み込むことです。

これはどのように行う必要がありますか？

Answer 1

あなただけ

<script src="./Scripts/app.js"></script> 

そして、あなたのページの特定のファイルでは、次のようにJSを必要とした後、あなたは別のファイルを作成して含めることができ従って

requirejs.config({ 
    paths: { 
     "jquery": "jquery-1.10.2", 
     "jquery-ui": "jquery-ui-1.11.4", 
     "General": "General", 
     "knockout": "knockout-3.4.0.debug", 
     "komapping": "knockout.mapping-latest.debug", 
     "modernizr": "modernizr-2.8.3", 
     "respond": "respond", 
     "underscore": "underscore", 
     "datatable": "DataTables/jquery.dataTables", 
     "bootstrap": "bootstrap", 
     "bootstrap-dialog": "bootstrap-dialog", 
     "bootstrap-datepicker": "bootstrap-datepicker" 
    }, 
    shim: { 
     "jquery.appender": ["jquery"], 
     "jquery.textReplacer": ["jquery"], 
     "jquery-ui": { 
      "deps": ["jquery"], 
      "exports": "$" 
     }, 
     "bootstrap-responsive": { 
      "deps": ["bootstrap", "respond"], 
      "exports": "bootstrap-responsive" 
     }, 
     "komapping": { 
      "deps": ["knockout"], 
      "exports": "komapping" 
     }, 
     "bootstrap": { 
      "deps": ["jquery"], 
      "exports": "bootstrap" 
     }, 
     "bootstrap-dialog": { 
      "deps": ["bootstrap", "jquery"], 
      "exports": "bootstrap-dialog" 
     } 
    } 
}); 

としてファイルを起動またはアプリあなたにrequirejs設定を追加することができます名前を挿入し、指定した順序でロードします。

define(['jquery', 'knockout', 'pagespecific path', "knockout-delegatedEvents"], 
function ($, ko, viewmodel,koevent) { 
    $(function() { 

    }); 
});