多个应用程序中的 Angular 共享 Assets

Question

我正在开发多个小型应用程序，这些应用程序将共享通用和共享模块和 Assets 。

关于如何创建项目结构的部分在这里回答:https://stackoverflow.com/a/61254557/1351452

我的项目文件夹结构如下:
-根
--项目
---应用程序1
---应用程序2
- -图书馆

我想在应用程序和库之间共享 Assets (图像和字体)(例如我有带有 Logo 的标题组件)

我想为所有 css (SCSS) 集中一处。共享库中的一些组件也有 SCSS，但我认为我应该将它分开(因为在组件内，css 代码被添加到索引文件标签)

我应该在哪里保存共享 Assets 文件夹，如何为构建配置它以及如何从每个应用程序访问(导入 scss 并获取图像和字体)。

Answer 1

更新:Octombre-2021 Angular 12.2.0
您必须添加 object assets :

{
  "glob": "**/*",
  "input": "assets",
  "output": "assets"
}

项目结构:

root
├── assets
│   ├── logo.png
│   └── ...
└── projects
    ├── app1
    │   ├── src
    │   │   ├── assets
    │   │   └── ...
    │   └── ...
    └── app2
        ├── src
        │   ├── assets
        │   └── ...
        └── ...

angular.json:

{
  ...
  "projects": {
    "app1": {
      "projectType": "application",
      ...
      "architect": {
        "build": {
          ...
          "options": {
            ...
            "assets": [
              "projects/app1/src/assets",
              {
                "glob": "**/*",
                "input": "assets",
                "output": "assets"
              }
            ],
          }
        }
      }
    },
    "app2": {
      "projectType": "application",
      ...
      "architect": {
        "build": {
          ...
          "options": {
            ...
            "assets": [
              "projects/app2/src/assets",
              {
                "glob": "**/*",
                "input": "assets",
                "output": "assets"
              }
            ],
          }
        }
      }
    }
  }
}

原版
将 Assets 放在根文件夹中: root/assets/并更改 angular.json 中的 Assets 路径

{
  ...
  "projects": {
    "app1": {
      "projectType": "application",
      ...
      "architect": {
        "build": {
          ...
          "options": {
            ...
            "assets": [
              //  change this
              // "projects/app1/src/assets",
              "assets",
            ],
          }
        }
      }
    },
    "app2": {
      "projectType": "application",
      ...
      "architect": {
        "build": {
          ...
          "options": {
            ...
            "assets": [
              //  change this
              // "projects/app2/src/assets",
              "assets",
            ],
          }
        }
      }
    }
  }
}