Specify jQuery for bootstrap in webpack

Question

In my project, I want to import Bootstrap, but it depends on jQuery.

require('jquery/dist/jquery.min'); 
require('bootstrap/dist/js/bootstrap.min');

When I use Webpack to handle this project, it causes an error:

Uncaught Error: Bootstrap's JavaScript requires jQuery

How can I specify jQuery for Bootstrap?

score 22 · Accepted Answer · edited May 19 '17 at 16:07

22

Replace your require statement with the following:

window.jQuery = window.$ = require('jquery/dist/jquery.min');

edited May 19 '17 at 16:07

Dave

answered Apr 04 '15 at 18:50

It doesn't work for me. I've got an error `window is not defined`. What I did wrong? – Mardzis May 19 '16 at 07:40
please add , interface Window { jQuery: any; $: any; } in any.d.ts file – sathishkumar Aug 22 '16 at 14:06
another option is [expose-loader](https://github.com/webpack/expose-loader) – elquimista Dec 27 '16 at 08:31

score 5 · Answer 2 · answered Feb 25 '16 at 08:55

5

require('!!script!jquery/dist/jquery.min.js');

The !!script! is a special flag that will inline the script without using any loaders, equivalent to using a <script> tag in HTML.

answered Feb 25 '16 at 08:55

Varun Mulloli

2 Answers2