Пользовательская библиотека Angular без применения стилей css при импорте в другой проект - PullRequest
0 голосов
/ 24 марта 2020

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

Вот макет моего проекта:

-> my-lib
   -> src
      -> lib
         -> components
         -> models
         -> services
         -> styles
             -> my_styles.css

В моем файле angular. json для этого проекта я включил файл. css в раздел стилей например:

"styles": [
   "src/lib/styles/my_styles.css"
]

После упаковки проекта в пользовательскую библиотеку я импортирую его во внешний проект:

"my-lib": "file:my-lib-1.0.0.tgz"

Во angular. json внешнего проекта основной проект Я включил таблицу стилей в раздел «стили», аналогично тому, как я делал исходный проект:

"styles": [
   "node_modules/my-lib/styles/my_styles.css"
]

Однако, когда я запускаю этот проект, стили не применяются. Что именно я делаю не так?

1 Ответ

1 голос
/ 24 марта 2020

просто вы можете добавить свой файл my_styles. css в папку с наборами и назвать его в стиле. css вот так

@ import url ('./ assets / my_styles. css') ;

...