Ładowanie modułów non amd za pomocą require.js

Question

Obecnie używam require.js do fajnego projektu strony Pracuję, wszystko działa poprawnie, z wyjątkiem wtyczki kodującej składnię pluginu "prism.js". Widzę, że wtyczka jest pobierana za pośrednictwem karty sieciowej w chrome, ale wtyczka się nie uruchamia.

Nie jestem pewien, czy jest to problem wymagający, czy też problem dotyczy wtyczki i zastanawiał się, czy ktoś mógłby pomóc.

Oto spojrzenie na moje main.js:

require.config({ 
    // 3rd party script alias names 
    paths: { 
    // Core Libraries 
    modernizr: "libs/modernizr", 
    jquery: "libs/jquery", 
    underscore: "libs/lodash", 
    backbone: "libs/backbone", 
    handlebars: "libs/handlebars", 

    text: "libs/text", 
    prism: "plugins/prism", 

    templates: "../templates" 
    }, 
    // Sets the configuration for your third party scripts that are not AMD compatible 
    shim: { 
    "backbone": { 
     "deps": ["underscore", "jquery", "handlebars"], 
     "exports": "Backbone" //attaches "Backbone" to the window object 
    } 
    } 
}); 

// Include Specific JavaScript 
require(['prism', 'modernizr', 'jquery', 'backbone', 'routers/router', 'views/AppVIew' ], 
    function(Prism, Modernizr, $, Backbone, Router, App) { 
    this.router = new Router(); 
    this.App = new App(); 
    } 
); 

Answer 1

Zmień sekcja podkładka obejmuje pryzmatu i upewnij się, że eksportuje "Pryzmat":

shim: { 
    "backbone": { 
     "deps": ["underscore", "jquery", "handlebars"], 
     "exports": "Backbone" //attaches "Backbone" to the window object 
    }, 
    "prism": { 
     "exports": "Prism" 
    } 
} 

Answer 2

Prism powinien być dodany do shim też. Podobnie jak szkielet, nie jest zgodny z AMD i dlatego musi być zadeklarowany w ten sam sposób.

Answer 3

Kierownice i Prism nie są kompatybilne z AMD (Asyncronous Module Definition) więc trzeba podkładki to sam jak poniżej;

requirejs.config({ 
    shim: { 
     'backbone': { 
      "deps": ["underscore", "jquery", "handlebars"], 
      "exports": "Backbone" //attaches "Backbone" to the window object 
     }, 
     'handlebars': { 
      "exports": 'Handlebars' 
     }, 
     'prism': { 
      "exports": "Prism" 
     } 
    } 
}); 

Możesz zajrzeć na stronę dokumentacji shin require.js; http://requirejs.org/docs/api.html#config-shim

nadzieję, że pomoże