โซลูชัน UMD / AMD
สำหรับพวกที่กำลังทำมันผ่านUMDและคอมไพล์ผ่านrequire.js
มันมีคำพูดสั้น ๆ
ในโมดูลซึ่งต้องการtether
การพึ่งพาซึ่งโหลดTooltip
เป็น UMD หน้าคำจำกัดความของโมดูลเพียงแค่วางโค้ดสั้น ๆ บนนิยามของ Tether:
// First load the UMD module dependency and attach to global scope
require(['tether'], function(Tether) {
// @todo: make it properly when boostrap will fix loading of UMD, instead of using globals
window.Tether = Tether; // attach to global scope
});
// then goes your regular module definition
define([
'jquery',
'tooltip',
'popover'
], function($, Tooltip, Popover){
"use strict";
//...
/*
by this time, you'll have window.Tether global variable defined,
and UMD module Tooltip will not throw the exception
*/
//...
});
ตัวอย่างสั้น ๆ นี้ในตอนเริ่มต้นอาจจะอยู่ในระดับที่สูงขึ้นของแอปพลิเคชันของคุณสิ่งที่สำคัญที่สุด - เพื่อเรียกใช้ก่อนการใช้งานbootstrap
ส่วนประกอบที่แท้จริงด้วยการTether
พึ่งพา
// ===== file: tetherWrapper.js =====
require(['./tether'], function(Tether) {
window.Tether = Tether; // attach to global scope
// it's important to have this, to keep original module definition approach
return Tether;
});
// ===== your MAIN configuration file, and dependencies definition =====
paths: {
jquery: '/vendor/jquery',
// tether: '/vendor/tether'
tether: '/vendor/tetherWrapper' // @todo original Tether is replaced with our wrapper around original
// ...
},
shim: {
'bootstrap': ['tether', 'jquery']
}
UPD:ใน Boostrap 4.1 Stable พวกเขาแทนที่โยงกับPopper.jsดูเอกสารเกี่ยวกับการใช้งาน