javascript - 将 Bootstrap 添加到 Angular 8

Question

我正在尝试将 Bootstrap 添加到我的 Angular 应用程序中。我对此很陌生，尽管遵循了所需的步骤，但在安装 Bootstrap 时遇到了问题。

1. 我完成了从安装 Angular cli、ng new first-app 到 ngserve 的所有必要步骤。

2. 我打开了 VS Code 终端并尝试使用

   安装 bootstrap

   npm install bootstrap --save

3. 然后将其添加到 style.css

   @import“~bootstrap/dist/css/bootstrap.css”

但是当我单击悬停在上面代码段上的链接时，它仍然显示无法找到文件并提示使用此路径创建文件。

Answer 1

如果您只想从 bootstrap 添加样式，则 angular.json 文件中有一个属性，允许您将其包含在构建中。

{
  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
  "projects": {
    "yourproject": {
      "architect": {
        "build": {
          "options": {
            "styles": [
              "src/styles.scss",
              "node_modules/bootstrap/dist/css/bootstrap.min.css"
            ]
          },
        ...

参见:https://angular.io/guide/workspace-config#styles-and-scripts-configuration