Изменения в импортированном файле s css, не вызывающие перестройку

Question

У меня есть проект Angular 8 с несколькими библиотеками. Моя библиотека my-common содержит все мои компоненты.

Одна из папок компонентов в этой библиотеке имеет следующую структуру:

• боковые панели
  • настройки боковой панели
    • settings-sidebar.component.ts
    • settings-sidebar.component.scss
    • ...
  • боковая панель с деталями
    • ...
  • sidebars.scss

Все мои боковые панели импортируют sidebars.scss в свой файл .scss, используя @import "../sidebars";. Это работает как ожидалось. Все мои стили в sidebars.scss доступны в компонентах моей боковой панели.

Проблема в том, что любые изменения, внесенные в sidebars.scss, не применяются после сборки проекта и прослушивания изменений.

Изменения обнаружены, так как я получаю это сообщение в терминале:

File change detected. Starting incremental compilation...

------------------------------------------------------------------------------
Built Angular Package!
 - from: /app/projects/my-common
 - to:   /app/dist/my-common
------------------------------------------------------------------------------

Compilation complete. Watching for file changes...

, но они не видны в браузере, пока я что-то не изменю в файлах .scss компонентов боковой панели или полностью Перестройте проект.

Я нахожусь в тупике и понятия не имею, что может быть причиной этого.