javascript - 如果我使用 bootstrap.bundle.js，为什么 Popper 不能独立工作

Question

我知道 Bootstrap 4 需要 Popper，如果我使用 bootstrap.bundle.js，Bootstrap 将在需要 Popper 执行各种功能的地方顺利运行。但是，如果我想独立使用 Popper，我会收到“未定义 Popper”错误。为什么是这样？

显而易见的解决方法是先包含 popper.js，然后包含 bootstrap.js（不包含 popper）。如果我在我的页面中包含 popper.js，我的 popper 会按预期工作。显然，我宁愿只包含一个文件并让两个库单独和组合工作。

标签： javascriptbootstrap-4popper.js

Answer 1

Popper.js被声明为 Bootstrap 4 所必需的，但是，如果您不需要工具提示、弹出框、下拉菜单或模式，您仍然可以在没有 Popper 的情况下使用 Bootstrap 4 JS。如果您使用bootstrap.bundle.js或bootstrap.bundle.min.js而不是bootstrap.js或bootstrap.min.js ，则不需要 Popper.js 。

回答你的问题：
那是因为 bootstrap.bundle.* 库在内部包含 popper 但不是独立的

提示：当您可以通过 Bootstrap 使用 Popper 时，我看不出有充分的理由尝试独立使用它，除非您不想完全使用 Bootstrap。您还可以使用一些自定义函数来使 Popper.js 可以访问，就好像它不是 Bootstrap 的一部分一样；）