how to watch changes in whole directory/folder con

Question

How could I trace changes in whole directory containing many sass files ? I'm using the following command to watch changes in sass

file:

sass --watch style.scss:style.css

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

Answer 1

if you are in your current folder then do the following to watch it.

F:\sass tutorial>sass --watch ./:./

Answer 2

Expanding the answer by piouPiouM a little:

• Output files will be created with the same names as input files except ending with .css.
• <input folder> and <output folder> can be the same.

• Both folders can be the present working directory, so the following is valid:

  $ sass --watch .:.

Answer 3

Simply use the command sass --watch <input folder>:<output folder>, like this:

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

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

Answer 4

I ended up doing this without using Grunt or Sass-watch:

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

Answer 5

You can create one sass file which includes the rest of the files, and then just watch this file.

Alternately, look into Grunt and the very good grunt-contrib-compass plugin

Answer 6

Go to you terminal and get to you folder then wrote:

 sass --watch .

this will watch all sass files and convert to css files with the same name. also you can do it in this way:

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

I hope this can help you.