多个应用程序中的角度共享资产 [英] Angular shared assets within multiple applications

问题描述

我正在开发多个小型应用程序，它们将共享公用和共享的模块以及资产。

I am working on multiple small apps, which will share common and shared modules, and assets.

有关如何创建项目结构的部分已在此处回答：< a href = https://stackoverflow.com/a/61254557/1351452> https://stackoverflow.com/a/61254557/1351452

The part about how to create project structure was answered here: https://stackoverflow.com/a/61254557/1351452

我的项目文件夹结构如下：
-root
--projects
--- app1
--- app2
--- library

My project folders structure is as follow: -root --projects ---app1 ---app2 ---library

1. 我想在应用程序和库之间共享资产（图像和字体）（例如，我的标头组件带有徽标）


2. 我想为所有CSS（SCSS）占有一席之地。共享库中的某些组件也具有SCSS，但我认为我应该将其分开（因为在组件内，css代码已添加到索引文件标签中）


3. 在哪里应保留该共享资产文件夹，如何配置它以进行构建以及如何从每个应用程序访问（导入scss并获取图像和字体）。

推荐答案

将资产放入根文件夹：
root / assets /

Put assets in root folder: root/assets/

并在 angular.json

{
  ...
  "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",
            ],
          }
        }
      }
    }
  }
}

这篇关于多个应用程序中的角度共享资产的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！