如何链接到 Bootstrap 4 及其脚本？答案

【问题标题】：How do I link to Bootstrap 4 and its scripts?如何链接到 Bootstrap 4 及其脚本？
【发布时间】：2017-08-07 15:26:51
【问题描述】：

根据this blog（为 BS3 编写），我应该将以下行添加到 angular.cli.json 文件中。

...
"scripts": [
  "../node_modules/jquery/dist/jquery.min.js",
  "../node_modules/bootstrap/dist/js/bootstrap.min.js"
],
...

问题是在我使用的发行版（BS4 Alpha 6）中，没有这样的文件。在dist目录下，有一堆文件如下。

alert.js
button.js
carousel.js
collapse.js
dropdown.js
modal.js
popover.js
scrollspy.js
tab.js
tooltip.js
util.js

我必须分别链接到它们吗？我在某处遗漏了一个缩小的文件吗？我在 dist，所以我认为它是生产版本。

也许我应该以一种完全不同的方式来处理它？我正在尝试使用 Angular CLI 包，因为我想在没有 Gulp、Grunt 或 Webpack 的情况下进行测试。有没有一种方法可以让我将这些文件（最好是缩小的）包含、请求、要求或附加到我的网站？

我所包含的样式我只是像这样从 dist 导入我需要的东西。

@import "~bootstrap/dist/css/bootstrap.min.css";

但是，我对如何处理BS的JS有点困惑。

【问题讨论】：

【解决方案1】：

你找错地方了。

您看到的文件位于js/dist/。您应该查看dist/js/。

【讨论】：

哦，真愚蠢...当然！现在，它正在工作，因此接受了答案。但是，我想知道是否有更好的方法可以通过require 或类似的方式链接到文件。通过退出 src 目录然后点击 node_modules 来链接到该文件似乎很麻烦。你怎么看？