我该怎么做：将所有 js 文件导入 html 或找出我需要从 bootstrap 崩溃的 js 文件才能工作？

Question

我用 npm 安装了 bootstrap，现在我有一堆 .js 文件，但是没有我可以导入到 html 的“主”js 文件，这与 css 文件确实有一个主 .css 文件。

如果没有 cdn

，我无法让崩溃工作

<script src="./node_modules/bootstrap/js/dist/collapse.js"></script>
<script src="./node_modules/bootstrap/js/dist/button.js"></script>

但它确实适用于：


<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.min.js" integrity="sha384-pQQkAEnwaBkjpqZ8RU1fF1AKtTcHJwFl3pblpTlHXybJjHpMYo79HY3hIi4NKxyj" crossorigin="anonymous"></script>

这是我的折叠菜单：

<div class="container">
        <div class="col col-sm-2">
            <a class="" data-bs-toggle="collapse" href="#started" role="button">Getting Started</a>
            <div id="started" class="collapse">Hi</div>
        </div>
        <div class="col col-md-8">

        </div>
        <div class="col col-lg-2"></div>
    </div>

我不想使用 cdn，因为我已经在使用 css 和 sass 中的 node_modules。我是否缺少要导入的脚本？或者是否有一种无需手动操作即可轻松导入所有脚本的方法？

Answer 1

感谢 ISAE，我找到了 bootstrap.min.js 文件。我在此处下载 bootstrap 文件：https://www.npmjs.com/package/bootstrap#whats-included 并进入 bootstrap/dist/js/，其中包含所有主 bootstrap 文件。

你也可以使用npm install bootstrap，路径非常相似：node_modules/bootstrap/dist/js/

我该怎么做：将所有 js 文件导入 html 或找出我需要从 bootstrap 崩溃的 js 文件才能工作？

How do I either: import all of the js files into html or figure out which js files I need to get collapse from bootstrap to work?

html

javascript

bootstrap-5