Wie importiere ich ein Paket in Laravel, nachdem ich es mit npm installiert habe?

Question

Wie importiere ich ein Paket in Laravel, nachdem ich es mit npm installiert habe?

Wenn ich beispielsweise sweetalert2 verwenden möchte, installiere es zuerst:

npm install --save sweetalert2

Installation abgeschlossen.

Muss es nach der Installation in die resourcesassetsjsbootstrap.js-Datei von Laravel eingeführt werden? Der Standardinhalt lautet wie folgt:

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

Der obige Inhalt scheint Lodash, JQuery, Bootstrap und Axios eingeführt zu haben, aber ihre Schreibmethoden sind jeweils unterschiedlich:

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

Frage:
1. Jetzt möchte ich vorstellen sweetalert2, wie soll ich es schreiben?
2. Können Sie erklären, was die oben genannten vier Schreibweisen bedeuten?

Answer 1

window.sweetalert2 = require('sweetalert2')

引入这个包，但是这个包默认作为局部模块

如果需要全局使用，就把它附加到window全局作用域上

Answer 2

window._ = require('lodash'); 全局引入
window.$ = window.jQuery = require('jquery'); 全局引入
require('bootstrap'); //bootstrap 依赖 window.$

如果你想知道什么，可以看看前端工程中的 cmd amd 规范

Answer 3

直接页面底部用 <script> 标签插进来