How to view changes in a whole directory / folder containing many sass files

Question

How can I track changes in the whole directory containing many sass files? I use the following command to view changes in sass

File:

sass --watch style.scss:style.css 

But how to watch changes in the whole directory / folder containing many sass files.

Answer 1

Just use the command sass --watch <input folder>:<output folder> , for example:

 $ ls -l css/ sass/ $ sass --watch sass:css 

Where <input folder> contains the Sass and <output folder> files that host the generated CSS files.

Answer 2

Answer piouPiouM several times:

• Output files will be created with the same names as the input files, with the exception of the .css ending.
• <input folder> and <output folder> may be the same.

• Both folders can be a real working directory, so the following are acceptable:

  $ sass --watch .:.

Answer 3

I ended this without using Grunt or Sass-watch:

 npm install -g watch watch "sass assets/app.scss assets/dist/app.css" assets/css 

Answer 4

Go to the terminal and get a folder for you, and then write:

  sass --watch . 

it will look at all sass files and convert to css files with the same name. You can also do it like this:

 sass --watch ~/user/youUser/workspace/project/styles/ 

Hope this helps you.

Answer 5

You can create one sass file that includes the rest of the files, and then just look at that file.

Alternatively, consider Grunt and the very good grunt-contrib-compass plugin

Answer 6

According to the information, you can use the following command line:

 sass --watch . 

Source: http://sassbreak.com/watch-your-sass/#what-does---watch-do