レンダリングされたページ内でブートストラップされた変数 (つまり、JSON データまたは構成変数) を渡してrequire.js
、依存関係によって使用されているかどうかを確認できるようにするためのベスト プラクティスは何ですか?
これは、オブジェクトをチェックすることで実行できるように見えwindow
ます (つまりwindow.bootstrapped_models
、それはあまり最適ではないようです。
app.html
- HTML ドキュメント内のサンプル データ
<script>
var config = {
"isAdmin": true,
"userId": 1
};
var bootstrapped_models = {
"groups": [
{
"id": 1,
"name": "Foo"
},
{
"id": 2,
"name": "Bar"
}
]
}
</script>
app.js
- require() を使用したサンプルアプリ
require(['jquery', 'GroupCollection'], function($, GroupCollection) {
// extend default config
if (config) {
$.extend(defaults, config);
}
// use bootstrapped JSON here
var collection = new GroupCollection;
if (bootstrapped_models.groups.length > 0) {
collection.add(bootstrapped_models.groups);
}
});