RequireJS と Modernizr に問題があります。
Modernizr リソースを先頭に置きたいと思います。そして、体の他のすべて。その理由は、Modernizr が DOMContentLoad の前にいくつかの作業を行う必要があるためです。RequireJS を使用して、Modernizr モジュールを他のモジュールにロードできるようにしたいと考えています。開発環境と本番環境の両方でそれを達成するにはどうすればよいですか? すべての依存関係を取得し、すべてのリソースを縮小する requirejs を使用します。そして、yeoman ビルドは<script data-main="scripts/main" src="scripts/vendor/require.js"></script>
縮小版に置き換えられます。
bodyタグの下:
<!-- build:js ikl.app.js -->
<script data-main="scripts/main" src="scripts/vendor/require.js"></script>
<!-- endbuild -->
<script>
requirejs.config({
paths: {
'jquery' : 'vendor/jquery',
'handlebars' : 'vendor/handlebars',
'ember' : 'vendor/ember',
'ember-data' : 'vendor/ember-data',
'modernizr' : 'vendor/modernizr' // This should be removed
},
baseUrl: 'scripts',
shim: {
'jquery' : {
exports : 'jQuery'
},
'ember': {
deps: ['jquery', 'handlebars'],
exports: 'Ember'
},
'ember-data': {
deps: ['ember'],
exports: 'DS'
},
'handlebars': {
exports: 'Handlebars'
},
'modernizr': {
exports: 'Modernizr'
}
}
});
require([
'modules/system/controllers/system.controller',
'jquery',
'ember',
'ember-data',
'handlebars',
'modernizr'
],
function( systemController ) {
systemController.renderView();
}
);
</script>