使用Require.js从CDN加载Bootstrap

Question

Bootstrap分发在CDN中

http://www.bootstrapcdn.com/

• 是否可以使用Require.JS 2.x（shimmed或native AMD）加载Bootstrap？

• 如何通过Require.js直接从CDN URL加载Bootstrap或任何minified JS？

- Mikko Ohtamaa

Answer 1

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 {};
});

- neiker

---

太好了！有什么线索是关于//netnda协议的事情吗？HTTP/HTTPS？ - Mikko Ohtamaa

没问题！相对协议在脚本或图像标签中同样适用，例如：<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min" type="text/javascript"></script>。 - neiker

@MikkoOhtamaa bootstrapcdn.com 支持 http 和 https。 - jdorfman