How to require npm packages after installing it in Laravel?

For example，I need package sweetalert2,installing it first：

npm install --save sweetalert2

Now,do I need to require it in \resources\assets\js\bootstrap.js file in laravel?

It's default content is like this:

window._ = require('lodash');

try {
    window.$ = window.jQuery = require('jquery');

    require('bootstrap');
} catch (e) {}


window.axios = require('axios');

window.axios.defaults.headersmon['X-CSRF-TOKEN'] = window.Laravel.csrfToken;
window.axios.defaults.headersmon['X-Requested-With'] = 'XMLHttpRequest';

It looks like lodash,jquery,bootstrap,axios have been required into laravel,but the 4 sentences are different,they are like this:

window._ = require('lodash');
window.$ = window.jQuery = require('jquery');
require('bootstrap');
window.axios = require('axios');

Questions：

1、why do the 4 sentences have differences?

2、I want to require package sweetalert2，how do I write it?

How to require npm packages after installing it in Laravel?

For example，I need package sweetalert2,installing it first：

npm install --save sweetalert2

Now,do I need to require it in \resources\assets\js\bootstrap.js file in laravel?

It's default content is like this:

window._ = require('lodash');

try {
    window.$ = window.jQuery = require('jquery');

    require('bootstrap');
} catch (e) {}


window.axios = require('axios');

window.axios.defaults.headers.mon['X-CSRF-TOKEN'] = window.Laravel.csrfToken;
window.axios.defaults.headers.mon['X-Requested-With'] = 'XMLHttpRequest';

It looks like lodash,jquery,bootstrap,axios have been required into laravel,but the 4 sentences are different,they are like this:

window._ = require('lodash');
window.$ = window.jQuery = require('jquery');
require('bootstrap');
window.axios = require('axios');

Questions：

1、why do the 4 sentences have differences?

2、I want to require package sweetalert2，how do I write it?

• javascript
• laravel-5
• npm

Share Improve this question Follow edited May 15, 2017 at 7:35 Suraj Rao 29.6k1111 gold badges9696 silver badges104104 bronze badges asked May 14, 2017 at 17:17 zwl1619zwl1619 4,2321616 gold badges6363 silver badges114114 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 7

You should just be able to require it in your bootstrap.js file:

require('sweetalert2');

Then (assuming you're using scss) in your entry .scss file:

@import "node_modules/sweetalert2/src/sweetalert2";

Also, the reason you don't have to manually attach bootstrap to thewindow is because it will do it automatically when it's loaded. This is because it's assumed the window instance will always exist as it's a styling framework. One of the reason the other libraries might not do this is because they can be used in environments where window isn't defined.

Hope this helps!