Как добавить общедоступную статическую (css, js, vendor) и использовать в качестве глобальной css, js в Angular

Question

Моя команда хочет перевести старый проект на угловой.Нам нравятся компоненты, и, в общем, угловатый 6. Но проблема в том, что наш проект сложный, и мы не хотим переписывать CSS (js for css plugin), следуя контексту в angular, это действительно сложно.Вот структура папок

https://i.imgur.com/BlO4mEy.png

(много плагинов используют js и css)

Q: Как добавить использование общих папок в качестве глобальных css, js в Angular?Мы просто реструктурируем html и углубимся в компоненты.

Answer 1

Вы можете использовать шаблон шара, чтобы сделать это

По умолчанию папки src / assets / и src / favicon.ico копируются поверх.

"assets": [
  "src/assets",
  "src/favicon.ico"
]

Вы также можете дополнительно настроить активы для копирования, используя объекты в качестве конфигурации.

Массив ниже делает то же, что и массив по умолчанию:

"assets": [
  { "glob": "**/*", "input": "src/assets/", "output": "/assets/" },
  { "glob": "favicon.ico", "input": "src/", "output": "/" },
]

• glob - это глоб-узел, использующий ввод в качестве базового каталога.
• входные данные относительно корня рабочего пространства.
• ignore - список глобусов, которые нужно игнорировать при копировании.
• вывод относится к outDir (dist / имя проекта по умолчанию).

Деталь можно найти здесь

Answer 2

Добавьте пути к angular.json в разделе ресурсов, стилей и скриптов:

"assets": [
    "src/favicon.ico",
    "public/assets"
 ],
 "styles": [
    "public/styles.css"
 ],
 "scripts": [
    "public/script.js"
 ]