Angular 样式文件在角度视图中的正确位置

我见过很多模板，它们将样式文件（*.css |*.scss）放在app模块下名为theme的文件夹中

---

为什么他们不将样式文件放在资产文件夹中

通常情况下，资产文件夹将用于静态文件（如图像）或将按原样使用的文件。没有什么真正说明您需要使用特定的文件夹结构来存储css文件。因此，使用主题文件夹的开发者可能会将其作为个人偏好使用，因为其中的css文件可能会为他们的应用程序提供通用的外观或感觉。他们可能正在使用库（如Angular material），该库使用主题为库中的组件提供全局样式。这些主题有助于定义材质库中提供的组件的颜色和常规样式。Angular material允许您创建自定义主题来使用，而不是提供的默认主题。通常，我看到开发人员将自定义材质css文件存储在主题文件夹中

我不确定主题，但资产文件夹是样式的一个有点上下文辅助的地方。它通常用于存储媒体文件和字体。特定于组件的样式通常与模板和.ts文件放在同一目录中。共享样式可以放置在应用程序/样式级别，如下所示：

---

如果您看到angular.json文件，您会看到，在“标记”“样式”中，您会看到这个.css

你明白吗

"build": {
    "builder": "@angular-devkit/build-angular:browser",
    "options": {
            "outputPath": "dist/demo",
            "index": "src/index.html",
            "main": "src/main.ts",
            "polyfills": "src/polyfills.ts",
            "tsConfig": "src/tsconfig.app.json",
            "assets": [
              "src/favicon.ico",
              "src/assets"
            ],
            "styles": [
              "src/styles.css"
              "themes/customTheme.css" //<---THIS line
            ],
            "scripts": []
          },

“构建”：{
“生成器”：“@angular devkit/build angular:browser”，
“选择”：{
“outputPath”：“dist/demo”，
“索引”：“src/index.html”，
“main”：“src/main.ts”，
“polyfills”：“src/polyfills.ts”，
“tsConfig”：“src/tsConfig.app.json”，
“资产”：[
“src/favicon.ico”，
“src/资产”
],
“风格”：[
“src/styles.css”
“主题/customTheme.css”//