Css 全局添加多个样式表

如何在Angular 11中全局添加多个样式表

我试图在Angular 11中全局添加多个样式表。我在

angular.json

文件中添加了样式表，如下所示

"test": {
          "builder": "@angular-devkit/build-angular:karma",
          "options": {
            "main": "src/test.ts",
            "polyfills": "src/polyfills.ts",
            "tsConfig": "tsconfig.spec.json",
            "karmaConfig": "karma.conf.js",
            "assets": [
              "src/favicon.ico",
              "src/assets"
            ],
            "styles": [
              "src/assets/css/bootstrap.css",
              "src/assets/css/owl.carousel.css",
              "src/assets/css/owl.theme.css",
              "src/assets/css/font-awesome.min.css",
              "src/assets/css/animate.css",
              "src/assets/css/magnific-popup.css",
              "src/assets/css/settings.css",
              "src/assets/css/slick.css",
              "src/assets/css/icons.css",
              "src/assets/css/preset.css",
              "src/assets/css/theme.css",
              "src/assets/css/responsive.css",
              "src/assets/css/presets/color1.css"
            ],
            "scripts": []
          }
        },

但它不起作用

---

如果您在项目中使用

scss

，您可以在

style.scss

中导入css文件，如下所示：

@import./src/styles/some.css

---

导入的文件将由

ng build

一起编译，因此无需在

assets

文件夹中提供它们。

如果在项目中使用

scss

，则可以导入

样式中的css文件。scss

如下所示：

@import./src/styles/some.css

---

导入的文件将由

ng build

一起编译，因此无需在

assets

文件夹中提供它们。

谢谢@David B。我应该将CSS文件放在哪里？如何全局添加多个样式表？只需将它们添加到自定义样式文件夹/src/styles/，然后将它们导入styles.scss，它们将被全局处理。谢谢@David B。我应该将CSS文件放在哪里？如何全局添加多个样式表？只需将它们添加到自定义样式文件夹/src/styles/，然后将它们导入styles.scs，它们将被全局处理。