javascript - 在 Laravel 中安装后如何需要 npm 包？

Question

在 Laravel 中安装后如何 require npm 包？

例如，我需要包sweetalert2，先安装:

npm install --save sweetalert2

现在，我需要在 laravel 的 \resources\assets\js\bootstrap.js 文件中要求它吗？

它的默认内容是这样的:

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

看起来像 laravel 需要 lodash,jquery,bootstrap,axios，但是 4句子不同，它们是这样的:

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

问题:

1、为什么4个句子有差异？

2、我要require包sweetalert2，怎么写？

Answer 1

您应该能够在您的 bootstrap.js 文件中要求它:

require('sweetalert2');

然后(假设您正在使用 scss)在您的条目 .scss 文件中:

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

此外，您不必手动将 bootstrap 附加到 window 的原因是它会在加载时自动执行。这是因为它假定 window 实例将始终存在，因为它是一个样式框架。其他库可能不会这样做的原因之一是因为它们可以在未定义 window 的环境中使用。

希望这对您有所帮助!