RequireJS에 Modernizr을 포함하고 Modernizr을 헤드 태그에 넣습니다.

Question

RequireJS와 Modernizr에 문제가 있습니다.

Modernizr 리소스를 머리에 쓰고 싶습니다. 그리고 시체의 다른 모든 것들. 그 이유는 Modernizr이 DOMContentLoad보다 먼저 할 일이 필요하기 때문입니다. RequireJS를 사용하여 Modernizr 모듈을 다른 모듈에로드 할 수 있기를 원합니다. 어떻게 dev 및 프로덕션 환경에서이를 수행 할 수 있습니까? 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> 

Answer 1

당신은 모두를 얻을 수 있어야합니다.

• 첫째, 모더 나이저에 관한 당신의 경로 구성을 제거, 당신은 머리에
• 다음로드 모더 나이저이 필요하지 않습니다 -이 window.Modernizr 변수를 생성합니다. 당신의 부트 스트랩이 필요하기 전에

• 마지막으로,

  define('modernizr', [], Modernizr); 
  require(['foo', 'bar', 'modernizr'], function(foo, bar, modernizr) { 
      //..profit 
  }