Angular общих ресурсов в нескольких приложениях

Question

Я работаю над несколькими небольшими приложениями, которые будут использовать общие и общие модули и ресурсы.

Ответ на вопрос о том, как создать структуру проекта: { ссылка }

Структура папок моего проекта выглядит следующим образом: - root --projects --- app1 --- app2 --- library

1. Я хочу поделиться ресурсами (изображения и шрифты) ) между приложениями и библиотекой (например, у меня есть компонент заголовка с lo go)
2. Я хочу иметь одно место для всех css (S CSS). Некоторые компоненты из разделяемой библиотеки также имеют S CSS, но я думаю, что я должен держать его отдельно (потому что внутри компонента css код добавляется в тег индексного файла)
3. Где я должен хранить эти общие активы папка, как настроить его для сборки и как получить доступ из каждого приложения (импортировать s css и получать изображения и шрифты).

Answer 1

Поместите активы в папку root: 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",
            ],
          }
        }
      }
    }
  }
}