Добавление bootstrap.js для просмотра?
Поэтому я пытаюсь понять, как это сделать? Я загрузил bootstrap-sass через bower и добавил загрузочный javascript в шим.
Несколько вещей меня смущают, файл bootstrap.js выглядит следующим образом.
//= 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
Это вроде самоочевидно, но в то же время сбивает с толку, могу ли я оставить это так? Когда я добавляю в загрузочную прокладку, я включаю только файл bootstrap.js, или я должен ссылаться на все, что мне нужно?
Просто чтобы уберечь себя от взлома (которым я буду заниматься в это время), я хотел бы попытаться получить некоторую информацию о том, как включить bootstrap.js в browserify.
Редактировать: Я думаю, что мне, возможно, просто придется объединить все нужные мне файлы и включить этот скрипт, потому что, когда я просматриваю bootstrap.js, я просто получаю вышеуказанное.
Я попробую без комментариев, затем, если это не удастся, я объединю все сценарии в один файл и посмотрю, что получится :)
Редактировать: Хм, похоже, теория конкатов работает! Единственное, что JQuery, посмотрите.
; 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)
* ======================================================================== */
Это мой скомпилированный код browserify, единственный способ заставить его работать, когда я вызываю функцию начальной загрузки, скажем, например$('body').modal('toggle')
Я должен изменитьjQuery
выше, чтобы$
вручную.
Я пытался использовать оба в моей прокладке, но все же то же самое, что я должен написать вручную$
, пример
// 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)
* ======================================================================== */