Tarayıcıda gezinmek için bootstrap.js kullanılıyor mu?

Question

Bunu nasıl yapacağımı anlamaya çalışıyorum? Bootstrap-sass'ı bower ile indirdim ve bootstrap javascript'i bir şime ekledim.

Birkaç şey beni şaşırttı, bootstrap.js dosyası böyle görünüyor.

//= require bootstrap/affix 
//= require bootstrap/alert 
//= require bootstrap/button 
//= require bootstrap/carousel 
//= require bootstrap/collapse 
//= require bootstrap/dropdown 
//= require bootstrap/tab 
//= require bootstrap/transition 
//= require bootstrap/scrollspy 
//= require bootstrap/modal 
//= require bootstrap/tooltip 
//= require bootstrap/popover 

Bu kendini açıklayıcı türüdür, ama yine de aynı anda kafa karıştırıcı, böyle olsun yorumladı ayrılıyor? Bootstrap etiketine eklediğimde, sadece bootstrap.js dosyasını ekleyebilir miyim veya ihtiyacım olan tüm bağlantılara bağlanmalı mıyım?

Sadece kendimden hack olmamaya çalışmak için (ki bu arada bende yapacağım), bootstrap.js'yi browserify içine nasıl ekleyeceğimiz hakkında bilgi almak istiyorum.

Düzenleme: Ben sadece bootstrap.js browserify, çünkü ben sadece yukarıdaki dosyaları almak gerekir ve ihtiyacım olan tüm dosyaları uydurmak zorunda düşünüyorum.

Ben yorumsuz çalışacağım, o zaman ben bir dosya içine tüm komut dosyalarını Concat ve ne olduğunu :) göreceksiniz başarısız olursa

Düzenleme: Hmm concat teorisi eserleri gibi görünüyor! Tek sorun, jQuery, bir bak.

; jQuery = global.jQuery = require("c:\\wamp\\www\\mysite\\app\\client\\requires\\jquery\\js\\jquery.js"); 
/* ======================================================================== 
* Bootstrap: affix.js v3.1.1 
* http://getbootstrap.com/javascript/#affix 
* ======================================================================== 
* Copyright 2011-2014 Twitter, Inc. 
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) 
* ======================================================================== */ 

Bu benim derlenmiş browserify kod, el jQuery$ yukarıdaki değiştirmek zorunda bir önyükleme işlevi örneğin $('body').modal('toggle') için söylemek aradığınızda işe almak için tek yol.

Hem kendi hem de benim kullandığım her ikisini de kullanmayı denedim ama yine de el ile $ yazmalıyım. Örnek

// Notice I use $ here not jQuery like above, this is the only way to get it to work! 
; $ = global.jQuery = require("c:\\wamp\\www\\mysite\\app\\client\\requires\\jquery\\js\\jquery.js"); 
/* ======================================================================== 
* Bootstrap: affix.js v3.1.1 
* http://getbootstrap.com/javascript/#affix 
* ======================================================================== 
* Copyright 2011-2014 Twitter, Inc. 
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) 
* ======================================================================== */ 

Answer 1

Bu cevap orijinal sorulara cevap verir. Bu soruya bir düzenleme olarak gönderildi. Cevapları nereye gittiğime göre buraya taşıdım.

I recompiled and it looks like it's working now, make sure inside your shim you use $

'bootstrap': { 
    "exports": 'bootstrap', 
    "depends": { 
     "jquery": '$' 
    } 
}, 

Answer 2

Diğer bir çözüm küresel bağlamda en jQuery'i yüklemek için bir komut yükleyici vardır Webpack, kullanmaktır.