Sass doesn't watch changes in @import files

Question

I ran sass --watch styles.scss:styles.css in my css folder.

And it can watch the changes if I make edits to styles.scss

But in the styles.scss, I imported some other sass files from a different folder. And if I make changes in other files, it doesn't watch and translate those changes.

Anyone know a solution?

watching the entire parent directory and naming your partials with an _ should work — Ben Potter, Dec 04 '14 at 21:16
It seems also, that if you prefix the folder in which the imported `.scss` files are with `_` underscore , then they will not be watched. — Rafael Emshoff, Feb 15 '19 at 15:18
This question was not answered in the linked question @cimmanon — Michael, Feb 24 '20 at 22:58

Ivan Rave · Answer 1 · 2016-02-19T17:54:14.003

1

// main.scss
@import "./partials/_normalize";
@import "./partials/_article";

use a next command to watch both: a folder and a file

scss --watch ./partials/ ./main.scss

The underscore lets Sass know that the file is only a partial file and that it should not be generated into a CSS file http://sass-lang.com/guide

edited Feb 19 '16 at 17:54

answered Feb 19 '16 at 17:07

Ivan Rave

1,759
18
15

Renaming the file will not change anything, it will only prevent a file from being generated. – cimmanon Feb 19 '16 at 17:17
@cimmanon it is not about file name, it is about arguments in a command: watch both: a folder and a file together – Ivan Rave Feb 19 '16 at 17:46
Then why do you even mention renaming the files? – cimmanon Feb 19 '16 at 17:47
@cimmanon I agree, file name is not in this question, but it's a very popular error in this situation. – Ivan Rave Feb 19 '16 at 17:50

Sass doesn't watch changes in @import files

1 Answers1