Comment surveiller les changements dans un répertoire/dossier entier contenant de nombreux fichiers sass ?

Question

Comment puis-je suivre les changements dans un répertoire entier contenant de nombreux fichiers sass ? J'utilise la commande suivante pour surveiller les changements dans sass

fichier :

sass --watch style.scss:style.css

Mais comment surveiller les changements dans un répertoire/dossier entier contenant de nombreux fichiers sass.

Answer 1

Il suffit d'utiliser la commande sass --watch <input folder>:<output folder> comme ceci :

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

Où <input folder> contient les fichiers Sass et <output folder> qui héberge les fichiers CSS générés.

Answer 2

Développer un peu la réponse de piouPiouM :

• Les fichiers de sortie seront créés avec les mêmes noms que les fichiers d'entrée, sauf qu'ils se terminent par .css .
• <input folder> y <output folder> peuvent être les mêmes.

• Les deux dossiers peuvent être le répertoire de travail actuel, de sorte que la procédure suivante est valable :

  $ sass --watch .:.

Answer 3

Allez à votre terminal et accédez à votre dossier, puis écrivez :

 sass --watch .

ceci va observer tous les fichiers sass et les convertir en fichiers css avec le même nom. Vous pouvez également procéder de cette manière :

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

J'espère que cela vous aidera.

Answer 4

J'ai fini par le faire sans utiliser Grunt ou Sass-watch :

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

Answer 5

Si vous êtes dans votre dossier actuel, faites ce qui suit pour le regarder.

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