how to watch changes in whole directory/folder containing many sass files
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.
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.
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 .:.
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.
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
if you are in your current folder then do the following to watch it.
F:\sass tutorial>sass --watch ./:./