Comment importer un package dans Laravel après l'avoir installé avec npm ?

Question

Comment importer un package dans Laravel après l'avoir installé avec npm ?

Par exemple, si je souhaite utiliser sweetalert2, installez-le d'abord :

npm install --save sweetalert2

Installation terminée.

Doit-il être introduit dans le fichier resourcesassetsjsbootstrap.js de Laravel après l'installation ? Son contenu par défaut est le suivant :

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';

Le contenu ci-dessus semble avoir introduit lodash, jquery, bootstrap et axios, mais leurs méthodes d'écriture sont respectivement différentes :

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

Question :
1. Maintenant, je veux présenter sweetalert2, comment dois-je l'écrire ?
2. Pouvez-vous expliquer ce que signifient les quatre façons d'écrire ci-dessus ?

Answer 1

window.sweetalert2 = require('sweetalert2')

Introduisez ce package, mais ce package est par défaut un module local

Si vous devez l'utiliser globalement, attachez-le à la portée globale de la fenêtre

Answer 2

window._ = require('lodash'); Introduction globale
window.$ = window.jQuery = require('jquery'); Introduction globale
require('bootstrap'); //bootstrap dépend de window.$

Si vous voulez savoir quelque chose, vous pouvez jeter un œil à la spécification cmd amd en ingénierie front-end

Answer 3

Insérez-le directement en bas de page à l'aide du <script>tag