Comment exiger des packages npm après les avoir installés dans Laravel ?

Question

Comment exiger des packages npm après les avoir installés dans Laravel ?

Par exemple, j'ai besoin du package sweetalert2, en l'installant d'abord :

npm install --save sweetalert2

Maintenant, dois-je l'exiger dans le fichier \resources\assets\js\bootstrap.js de Laravel ?

Son contenu par défaut est comme ceci :

window._ = require('lodash');

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

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

window.axios = require('axios');

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

Il semble que lodash, jquery, bootstrap, axios aient été exigés dans Laravel, mais les 4 phrases sont différentes, elles ressemblent à ceci :

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

Questions :

1. Pourquoi les 4 phrases sont-elles différentes ?

2. Je veux exiger le package sweetalert2, comment dois-je l'écrire ?

Answer 1

Vous devriez simplement pouvoir le require dans votre fichier bootstrap.js :

require('sweetalert2');

Ensuite (en supposant que vous utilisiez scss) dans votre fichier .scss d'entrée :

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

Aussi, la raison pour laquelle vous n'avez pas à attacher manuellement bootstrap à la window est parce qu'il le fera automatiquement lorsqu'il sera chargé. Cela est dû au fait qu'on suppose que l'instance window existera toujours car il s'agit d'un framework de style. L'une des raisons pour lesquelles les autres bibliothèques pourraient ne pas le faire est qu'elles peuvent être utilisées dans des environnements où la window n'est pas définie.

J'espère que cela vous aidera !