javascript - 如何自定义 Bootstrap 4 的 JavaScript 文件

Question

我正在构建一个只需要 Bootstrap 4 的 collapse.js 和 dropdown.js 的网站，这样我就可以使用它的 Navbar 组件。

我不想使用整个 Bootstrap 文件。

所以我下载了 Bootstrap 的源代码并删除了 bootstrap-4.3.1 ▸ js ▸ src ▸ util.js, bootstrap-4.3.1 ▸ js ▸ src ▸ collapse.js 和 bootstrap-4.3.1 ▸ js ▸ src ▸ dropdown.js 进入我的项目。

然后将它们从我的页面链接起来:

    ...
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
    <script src="js/util.js"></script>
    <script src="js/collapse.js"></script>
    <script src="js/dropdown.js"></script>
  </body>
</html>

但是，当我刷新页面以测试导航栏时，我在控制台中收到此错误:

Uncaught SyntaxError: Unexpected identifier     util.js:8
Uncaught SyntaxError: Unexpected identifier     collapse.js:8
Uncaught SyntaxError: Unexpected identifier     dropdown.js:8

当然，当我尝试单击下拉菜单项时，什么也没有发生。有什么建议(不涉及节点)吗？

Answer 1

您正在导入错误的文件。您必须导入这些的编译版本。

这些文件在 bootstrap-4.3.1 ▸ js ▸ dist 中。