javascript - Adding bootstrap.js to browserify? -


so trying figure out how this? downloaded bootstrap-sass via bower , added bootstrap javascript shim.

a few things have me confused, bootstrap.js file looks this.

//= 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

this kind of self explanatory, still confusing @ same time, leave commented that? when add bootstrap shim include bootstrap.js file, or should link ones need?

just save myself hacking away (which doing in meantime), i'd try information on how include bootstrap.js browserify.

edit: think might have concat files need , include script, because when browserify bootstrap.js above.

i'll try without comments, if fails i'll concat scripts 1 file , see happens :)

edit: hmm looks concat theory works! thing jquery, take look.

; 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)  * ======================================================================== */

this compiled browserify code, way work when call bootstrap function example $('body').modal('toggle') have change jquery above $ manually.

i tried using both inside shim still same thing must manually write $. example

// notice use $ here not jquery above, way 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)  * ======================================================================== */

this answer original questioner. posted edit question. moved here, answers go.

i recompiled , looks it's working now, make sure inside shim use $

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

Comments

Post a Comment

Popular posts from this blog

apache - Remove .php and add trailing slash in url using htaccess not loading css -

i have add following code htaccess file removing .php extension , add trailing slash urls. worked fine reduced page loading speed , css code not loading @ all. pages ugly. please help rewriteengine on rewritebase / ## hide .php extension snippet # externally redirect /dir/foo.php /dir/foo rewritecond %{the_request} ^[a-z]{3,}\s([^.]+)\.php [nc] rewriterule ^ %1/ [r,l] # add trailing slash rewritecond %{request_filename} !-f rewritecond %{request_uri} !/$ rewriterule . %{request_uri}/ [l,r=301] # internally forward /dir/foo /dir/foo.php rewritecond %{request_filename} !-d rewritecond %{request_filename}.php -f rewriterule ^(.*?)/?$ $1.php [l] we can rewrite urls using .htaccess files. before writing in .htaccess files need verify kind of server using. can check server adding a <?php phpinfo(); ?> in php page. ensure mod_rewrite module enabled in apache server. can identified checking phpinfo included page. common methods used url rewriting follows ...
Read more

inno setup - TLabel or TNewStaticText - change .Font.Style on Focus like Cursor changes with .Cursor -

is possible change .font.style on focus tlabel or tnewstatictext happens cursor when use .cursor ? there no built-in support track mouse hovering in inno setup @ time. however, intercepting window procedure of controls can track yourself. following example need innocallback library: [setup] appname=my program appversion=1.5 defaultdirname={pf}\my program outputdir=userdocs:inno setup examples output [files] source: "innocallback.dll"; destdir: "{tmp}"; flags: dontcopy [code] #ifdef unicode #define aw "w" #else #define aw "a" #endif const gwl_wndproc = -4; wm_mousemove = $0200; type wparam = uint_ptr; lparam = longint; lresult = longint; twindowproc = function(hwnd: hwnd; umsg: uint; wparam: wparam; lparam: lparam): lresult; function setcapture(hwnd: hwnd): hwnd; external 'setcapture@user32.dll stdcall'; function releasecapture: bool; external 'releasecapture@user32.dll stdcall'; func...
Read more