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

Juste au cas où quelqu'un serait confronté à ce problème en 2018 :
sass Le site web se réfère à Ruby Sass qui a été obsolète . et comme maintenant (mai 2018) si vous installez dart sass via npm il ne prend pas en charge --watch commande

Ce qu'il faut faire :
vous devez installer node-sass global, comme :

npm install node-sass -g

et redémarrer la ligne de commande, puis utiliser ce code :

node-sass --watch scss/styles.scss css/styles.css

pour compiler vos fichiers scass en css.
En principe, node-sass prend en charge --watch et nous l'utilisons pour compiler nos codes scss en fichiers css normaux.

et juste au cas où vous obtiendriez une erreur de ce type la première fois que vous sauvegardez votre fichier .scss :

{
  "status": 3,
  "message": "File to read not found or unreadable: yourdirectory/scss/styles.scss",
  "formatted": "Internal Error: File to read not found or unreadable: yourdirectory/scss/styles.scss\n"
}

Il suffit de l'enregistrer à nouveau pour qu'il fonctionne correctement !

Answer 2

D'après ces informations, vous pouvez utiliser la ligne de commande suivante :

sass --watch .

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

Answer 3

Vous pouvez créer un fichier sass qui inclut le reste des fichiers, puis ne regarder que ce fichier.

Une autre solution consiste à examiner Grunt et le très bon grunt-contrib-compass plugin

Answer 4

Vous pouvez configurer sass pour qu'il regarde tous les fichiers .scss (dans mon cas, j'ai plusieurs fichiers .scss dans le dossier src/static) pour compiler, mais avant de l'installer globalement :

npm i -g sass

puis allez dans le dossier du projet et tapez la commande ci-dessous :

sass --watch $(pwd)/src/static 

Vous pouvez également l'intégrer dans npm script dans le package.json, comme par exemple

 "scripts": {
    "sass:watch": "sass --watch $(pwd)/src/static"
    }

et l'exécuter à l'aide de cette commande :

npm run sass:watch