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?

Dave · Accepted Answer · 2017-05-19 16:07:11Z

21

Replace your require statement with the following:

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

Dave

356 bronze badges

answered Apr 4, 2015 at 18:50

4123 silver badges6 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

It doesn't work for me. I've got an error window is not defined. What I did wrong?

please add , interface Window { jQuery: any; $: any; } in any.d.ts file

another option is expose-loader

Varun Mulloli · Accepted Answer · 2016-02-25 08:55:00Z

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, 2016 at 8:55

Varun Mulloli

65813 silver badges28 bronze badges