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?

Answer 1

Replace your require statement with the following:

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

Answer 2

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.