Как применить пользовательские стили CSS библиотеки Angular в хост-приложении?

Я создал библиотеку Angular, содержащую styles.css файл с некоторым настраиваемым CSS. Когда я включаю библиотеку в тестовое приложение в том же репозитории, она работает нормально:

library-repo/
├── projects/
│   ├── custom-library/
├── src/
│   ├── app/
│       ├── app.component.html

Однако, как только я публикую библиотеку и импортирую ее в отдельном приложении, пользовательские стили не применяются. Как я могу связать styles.css с библиотекой, чтобы компоненты библиотеки имели единообразный стиль для всего хост-приложения?


person Boyan Kushlev    schedule 17.07.2019    source источник


Ответы (1)


Поместите нужные стили в файл styles по этому пути

/src/styles.scss
person dota2pro    schedule 17.07.2019
comment
Вы имеете в виду добавить их в /src основного проекта или библиотеки? - person Boyan Kushlev; 17.07.2019
comment
В разделе /src есть файл, который по умолчанию должен иметь имя styles.* в зависимости от того, какой css или scss вы используете. - person dota2pro; 17.07.2019
comment
Вы /src/styles.css ведущего проекта или библиотеки? - person Boyan Kushlev; 17.07.2019
comment
проект, в котором находится ваш package.json - person dota2pro; 17.07.2019
comment
Я пытаюсь добиться переносимости, т.е. иметь в библиотеке свои собственные стили. Так что, куда бы я ни ввозил, он выглядел одинаково. Я не могу заставить клиента изменить стили основного проекта. - person Boyan Kushlev; 17.07.2019
comment
поместите внешнюю таблицу стилей в angular.json файл, он будет включать ее - person dota2pro; 17.07.2019