Monitoring changes in imported files

[mhlozek]

My sass bundle configuration looks something like this:

symfonycasts_sass:
    root_sass:
        - '%kernel.project_dir%/assets/styles/app.scss'

In the app.scss file, I then have imports like this:

@import '../components/AppProvider/AppProvider';
@import '../components/ActionList/ActionList';
@import '../components/ActionMenu/ActionMenu';
@import '../components/ActionMenu/Actions/Actions';
@import '../components/ActionMenu/MenuGroup/MenuGroup';
...

However, when I run the php bin/console sass:build --watch command, the result will only compile if I make a change to the app.scss file.

If I make a change in any imported file the automatic compilation will not start.

How do I set it to track changes to all files in the components folder?

---

I'm using Windows, when compiling it downloads this version of sass:

! [NOTE] Downloading Sass binary from https://github.com/sass/dart-sass/releases/download/1.69.7/dart-sass-1.69.7-windows-x64.zip

[KevinSleegers]

I'm currently facing the same issue. Have you found a way to make this work with imported files?

[sb-relaxt-at]

From my understanding this is the reason:

Sass watches only the directories that you pass as-is on the command line, parent directories of filenames you pass on the command line, and load paths. It does not watch additional directories based on a file’s import/use/forward rules.

https://sass-lang.com/documentation/cli/dart-sass/#watch

The only simple "solution" is to have the main scss file in a folder "above" all included files.