【问题标题】:Loading Bootstrap from CDN with Require.js使用 Require.js 从 CDN 加载 Bootstrap
【发布时间】:2012-11-08 00:38:42
【问题描述】:

Bootstrap 分布在 CDN 中

http://www.bootstrapcdn.com/

  • 是否可以使用 Require.JS 2.x(垫片或原生 AMD)加载引导程序?

  • 如何使用 Require.js 从 CDN URL 直接加载 Bootstrap 或任何缩小的 JS

【问题讨论】:

    标签: twitter-bootstrap requirejs cdn


    【解决方案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 {};
    });
    

    【讨论】:

    • 太棒了!任何指针 //netnda 协议是什么? HTTP/HTTPS?
    • 没错!相对协议...这也适用于脚本或 img 标签
    • @MikkoOhtamaa bootstrapcdn.com 支持 http & https
    最近更新 更多