data-main
属性を使用して一般スクリプトを読み込みます。カスタムページでは、カスタムモジュールが必要な処理を行っている間は、require
呼び出しでラップしてください。あなたのマスターページ(またはテンプレートまたはレイアウトまたは何でもそれはあなたのサーバプラットフォーム上で呼ばれていますが)、これを持っているでしょう:
<html><head>
<script language="javascript" src="require.js" data-main="general" ></script>
</head>
カスタムページのマークアップは次のように見ることができます(メモリから構文;ダブルチェック!)
<p class="funny">I'm a funny paragraph</p>
<script language="javascript">
require(['funny-stuff'], function(fs) {
fs.doSomthing();
});
</script>
funny-stuff
モジュールは、要求するページによってのみ読み込まれます。いくつかのページで別個のマークアップを使用したくない場合や、別のマークアップを使用できない場合は、コールをif
ステートメント内にラップして、メインスクリプトから依存関係を動的に読み込むことができます。 general.js
内:
// Determine if we need the custom module
if (isFunnyPage()) {
require(['funny-stuff'], function(fs) {
fs.doSomething();
});
}
あなたはオプティマイザを実行すると、それはrequire
コールで参照依存関係を見つけ、そしてあなたのメインファイルとデフォルトのパッケージ、それによってれるため、注意する必要があります。したがって、カスタムモジュールを除外するようにオプティマイザを構成する必要があります。