使用 Require.js 从 CDN 加载 Bootstrap

Posted 2023-03-06

【中文标题】使用 Require.js 从 CDN 加载 Bootstrap

【英文标题】：Loading Bootstrap from CDN with Require.js

【发布时间】：2012-11-08 00:38:42

【问题描述】：

Bootstrap 分布在 CDN 中

http://www.bootstrapcdn.com/

是否可以使用 Require.JS 2.x（垫片或原生 AMD）加载引导程序？

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

【参考方案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