Il est possible de configurer node-sass donc gulp-sass pour qu'il aille chercher dans plusieurs répertoires les @import via l'option includePaths.
An array of paths that LibSass can look in to attempt to resolve your @import declarations. When using data, it is recommended that you use this.
Cela permet par exemple de récupérer via npm un framework dont les fichiers Sass se retrouvent dans node_modules/nomdupaquet/css/*.scss, de ne copier dans son projet que le fichier Sass principal et _variables.scss, seuls fichiers que l'on va modifier, et de laisser sur place tous les autres imports, ce qui indique bien qu'ils n'ont pas été modifiés (et sont écrasables lors d'une mise à jour selon ce qu'on a indiqué dans package.json).
Point négatif : lors d'une mise à jour du paquet, on ne sait pas exactement ce qui est mis à jour parmi les fichiers importés non modifiés puisqu'ils ne sont pas versionnés mais l'info est sur le repo de ce paquet, merci GitHub.
Points positifs : le répertoire src/assets/css/ est beaucoup plus clean / dépouillé et on sait quels sont les fichiers modifiés sans avoir à trier par date le répertoire.
Après utilisation dans un projet client (LESS mais c'est pareil, avec comme dépendance important énormément de fichiers Bootstrap 3.x), je ne suis pas tant fan que ça.
Il est possible de configurer
node-sass
doncgulp-sass
pour qu'il aille chercher dans plusieurs répertoires les@import
via l'option includePaths.Cela permet par exemple de récupérer via npm un framework dont les fichiers Sass se retrouvent dans
node_modules/nomdupaquet/css/*.scss
, de ne copier dans son projet que le fichier Sass principal et_variables.scss
, seuls fichiers que l'on va modifier, et de laisser sur place tous les autres imports, ce qui indique bien qu'ils n'ont pas été modifiés (et sont écrasables lors d'une mise à jour selon ce qu'on a indiqué danspackage.json
).Point négatif : lors d'une mise à jour du paquet, on ne sait pas exactement ce qui est mis à jour parmi les fichiers importés non modifiés puisqu'ils ne sont pas versionnés mais l'info est sur le repo de ce paquet, merci GitHub.
Points positifs : le répertoire
src/assets/css/
est beaucoup plus clean / dépouillé et on sait quels sont les fichiers modifiés sans avoir à trier par date le répertoire.