Loading Bootstrap from CDN with Require.js

Mikko Ohtamaa picture Mikko Ohtamaa · Nov 20, 2012 · Viewed 25.7k times · Source

Bootstrap is distributed in CDN in

http://www.bootstrapcdn.com/

  • Is it possible to load Bootstrap with Require.JS 2.x (shimmed or native AMD)?

  • How it is possible to load Bootstrap, or any minified JS, directly from CDN URL with Require.js

Answer

neiker picture neiker · Nov 21, 2012
requirejs.config({
    appDir: ".",
    baseUrl: "js",
    paths: { 
        /* Load jquery from google cdn. On fail, load local file. */
        'jquery': ['//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min', 'libs/jquery-min'],
        /* Load bootstrap from cdn. On fail, load local file. */
        'bootstrap': ['//netdna.bootstrapcdn.com/bootstrap/3.0.2/js/bootstrap.min.', 'libs/bootstrap-min']
    },
    shim: {
        /* Set bootstrap dependencies (just jQuery) */
        'bootstrap' : ['jquery']
    }
});

require(['jquery', 'bootstrap'], function($) {
    console.log("Loaded :)");    
    return {};
});