No compiling when partials (imported files) are stored

[Lakro]

If I have scss-subfiles (_partial.scss) which are imported to the scss-mainfile (style.scss) by @import or @use:

When I work in the subfiles
and store the subfile ...
the compiling does not start.

The plugin only compiles when the mainfile is saved..
Is there a trick to activate it or ist that an issue or missing functionality?

I searched for information about that but could not find a solution. A advice/feedback would be helpful.

br Lakro

[akkumar]

So - the plugin does not read or parse the files by itself so the plugin does not know about use or import statements and hence partials. It delegates the work to the underlying sass library being used when compiling. ( It comes with a built-in sass library ) There is a functionality called "Dartsass: Watch a directory" ( Right click on a directory in VSCode explorer and you will see that option ) . When enabled - the sass cmd line will watch for all changes in that directory recursively and recompile sass files to css as appropriate. Could be of some help in your scenario. You can explore the README to figure out how to configure a watcher etc. on your platform ( linux / windows etc. )

…

On Fri, Feb 19, 2021 at 1:47 PM Lakro ***@***.***> wrote: If I have scss-subfiles (_partial.scss) which are imported to the scss-mainfile (style.scss) by @import <https://github.com/import> or @use <https://github.com/use>: When I work in the subfiles and store the subfile ... the compiling does not start. The plugin only compiles when the mainfile is saved.. Is there a trick to activate it or ist that an issue or missing functionality? I searched for information about that but could not find a solution. A advice/feedback would be helpful. br Lakro — You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub <#17>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AAAJMNUBRY3DRNGIQGJU5OLS7YNB5ANCNFSM4X35UU3Q> .

[Lakro]

Thx for your information.
But I am a little bit in worry ...

For local testing I checked out
FAQ: 3 I don't have a global sass installation...

I Installed SASS by npm to
the project folder with
/node_modules (for SASS-Compiler)
/sass (for SASS-Files)

I tried to add the SassBinPath to local workspace in different versions:
node_modules/.bin/sass
/node_modules/.bin/sass
./node_modules/.bin/sass
..node_modules/.bin/sass

I've got everytime the same Error Message:
'Error: ProjectRoot .Sass Binary Path ... does not exist.

Same when I installed SASS by npm direct into the sass dir:
/sass/node_modules

In both cases every try to compile ends with he error message.

Is this my not understanding the FAQ ...
Any hint would be wonderful.

br Lakro

[akkumar]

Based on your comments above , I assume you are working on linux or a similar *nix variant.

node_modules/.bin/sass

should work.

You can try starting a watcher on a directory and see if it launches a "process" on the bottom right side with the indicator - "Sass Watchers: 1 " .

Let me know what you see so I can help.

[Lakro]

Thx for this extremly helpful hint!!!

No. I am using Win10 with local xampp. (Sorry for not adding that.)
But your hint made me to have an additional look into the description away from FAQ where it seemed to me I would have found a complete (and good) description to install...

Just as information for maybe others with similar questions:

Install compiler by npm direct to root project folder
for Windows 10 sass bin path is:
node_modules\\sass\\sass.js

In settings.json to the project that becomes:
"dartsass.sassBinPath": "node_modules\\\\sass\\\\sass.js"

Complete description found in project description
Properties --> dartsass.sassBinPath --> Local Sass Binary Installation
https://github.com/codelios/vscode-dartsass#local-sass-binary-installation

Thank your very much for your help.

br Lakro

[Lakro]

Once more an additional hint:

After installing sass compiler globally by npm to get auto compiling work on partial files:

Windows 10:
settings for sass bin path:
node_modules\\sass\\sass.js
as given in the description does not work for me.

But to use the full path seems to work:
C:\Users\[username]\AppData\Roaming\npm\node_modules\sass\sass.js
Same issue as described here: #12

Question: is that an issue with the extension or an problem on the windows system?

Just to complete infos for maybe fixing it:
npm system var is correct set to:
C:\Users\[username]\AppData\Roaming\npm
and sass bin files are placed in:
C:\Users\[username]\AppData\Roaming\npm\node_modules\sass\sass.js

Thank you for your work.

br Lakro

[akkumar]

Sorry for the delayed reply as I am catching up on things now.

Question: is that an issue with the extension or an problem on the windows system?

If the full path works and the relative path does not work - it may have something to do with the "current project".

Were you working on "mutliple projects" in vscode . If so - is the scss file you were working on - in the same project as the one that had the sass package installed i.e. - node_modules\\sass\\sass.js ?