如何在不使用 npm 的情况下以角度在本地托管引导程序答案

【问题标题】：how to host bootstrap locally in angular without using npm如何在不使用 npm 的情况下以角度在本地托管引导程序
【发布时间】：2018-05-04 11:32:13
【问题描述】：

我想知道如何在我的 Angular 项目中添加引导程序而不安装它 npm 并且不使用 CDN 链接，我想在本地托管引导程序我在我的项目中放了一个文件夹，然后在 src 文件夹中，并在我的 index.html 文件的 head 部分中提供链接，如下所示

    <link rel="stylesheet" href=""bootstrap/css/bootstrap.min.css>

但这不起作用，我完全了解其他方法，如 npm install 和 CDN 链接，但有些我无法添加它，请帮助我解决这个问题

【问题讨论】：

据我了解，您只需要下载“Compiled CSS and JS”并保持文件夹结构不变并使用它们。参考：getbootstrap.com/docs/4.1/getting-started/download/…
一方面，您将路径值放在“”中以将其分配给 href 属性
把css文件放到你的assets文件夹中，并在你的href中正确引用
这里具有讽刺意味的是，CDN 感觉像是处理 js 和 css 库的相对较新的方式。在我的时代，将这些保留在本地就像是做到这一点的唯一方法
看起来你走错了路。将 bootstrap.min.css 名称附加到项目名称中。要验证您的正确路径，请右键单击浏览器（chrome）->检查->网络->单击 bootstrap.min.css（左侧）->查看（右侧）“请求 URL：localhost/projectname/bootstrap.min.css”然后匹配与您的项目路径。

标签： angular twitter-bootstrap

【解决方案1】：

根据您的索引文件位置 href 正确路径。

如果您只寻找 CSS jsut 添加：

<link href="css/bootstrap.min.css" rel="stylesheet">

对于JS相关的：

<script src="js/bootstrap.min.js"></script>

假设您在当前项目中有这个引导文件夹。它可能还会提示输入 jquery，因此您可能还需要下载该文件以在/如果使用 JS 时完全离线使用。

【讨论】：

【解决方案2】：

我只是将 bootstrap 文件夹放入我的 assets 文件夹，然后将其链接到我的 index.html 中的 head 部分，因此它可以正常工作并且所有 bootstrap css 都可以正常工作这是路径<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css> 这是有效的，我认为这是就像我们使用 bootstrap.js 和 popper.js 和 jquery 所有文件都放在 assets 文件夹中并细链接它

【讨论】：