Dołącz Modernizator do RequireJS i zmodernizuj go w znacznikach head.

Question

Mam problem z RequireJS i Modernizatorem.

Chcę, aby zasób Modernizatora był na głowie. I wszystko inne w ciele. Powodem jest to, że Modernizr musi zrobić kilka rzeczy przed DOMContentLoad. Chcę móc ładować moduł Modernizr do innych modułów przy użyciu RequireJS. Jak mogę to zrobić zarówno w środowisku programistycznym, jak i produkcyjnym? Używam requirejs, który pobiera wszystkie zależności i minimalizuje wszystkie zasoby. A kompilacja typu "yeoman" zastępuje <script data-main="scripts/main" src="scripts/vendor/require.js"></script> wersją minified.

pod tagiem ciała:

<!-- 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

Powinieneś być w stanie dostać zarówno.

• Po pierwsze, usunąć konfigurację ścieżek, które odnosi się do modernizr, nie będzie to potrzebne
• Następny Załaduj modernizr w głowie - to stworzy zmienną window.Modernizr.

• Wreszcie, zanim ładowania wymagają zdefiniowania moduł modernizr

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