angular - 对导入的 scss 文件的更改不会触发重建

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侧边栏组件文件中的某些内容或完全重建项目之前，它们在浏览器中不可见。

我束手无策，不知道是什么原因造成的。

标签： angularsass