如何在使用 angular-cli 创建的 Angular 5 项目上安装 Bootstrap 4 (scss) [重复]答案

【问题标题】：How to install Boostrap 4 (scss) on an Angular 5 project created using angular-cli [duplicate]如何在使用 angular-cli 创建的 Angular 5 项目上安装 Bootstrap 4 (scss) [重复]
【发布时间】：2018-10-15 19:48:28
【问题描述】：

我创建了一个 Angular 5 项目，我想在其上集成 Bootstrap 5 以便能够使用 scss 文件对其进行自定义。

我已经使用 angular-cli 命令行创建了项目：

ng new sample-app
cd sample-app

然后我在我的项目中添加了 bootstrap 4 依赖项：

npm install --save bootstrap@4.1.1

我已将 default.StylesExt 属性设置为 scss：

ng set defaults.styleExt=scss

我还将 css 文件的扩展名也重命名为 scss，以便编译器能够识别。

有人知道我还应该做什么才能加载引导文件吗？还是在我的应用程序中引导？

提前非常感谢您。

【问题讨论】：

标签： angular bootstrap-4 angular-cli angular5

【解决方案1】：

您只需要告诉 Angular CLI 添加 css 文件。

在 Angular CLI JSON 文件中，只需添加：

"styles": [
  "../node_modules/bootstrap/dist/css/bootstrap.min.css",
  "styles.scss"
]

【讨论】：