2017-09-28 3 views
0

Dans mon projet, j'utilise de nombreux fichiers scss (plus de 100 fichiers). La structure du fichier est similaire au projet BEM.Comment définir les variables sass pour tous les fichiers scss

scss/ 
--block/block.scss 
----/__elem/block__elem.scss 
--menu/menu.scss 
----/__elem/menu__elem.scss 

et etc ...
Tous les fichiers compilés aux fichiers CSS avec le plugin gulp-SASS et concaténés 1 fichier css de app.css
Le même dossier i ont 2 fichiers SCSS.

_variables.scss- pour définir des variables personnalisées
de style.scss- fichier principal (i utiliser ce fichier pour importer mes variables).

scss/ 

_variables.scss 

style.scss 

Dans style.scss ligne d'importation contenu de fichiers avec des variables

@import "utilities/variables"; 

Oui, est réussie définir toutes les variables dans le fichier style.scss, mais comment définir mes variables pour les autres fichiers SCSS (pour tous les fichiers scss dans les dossiers et sous-dossiers)?

Pour un autre fichier, sauf style.scss dans projet gulp donne un message d'erreur:

out:  error sass/menu/menu.scss (Line 5: Undefined variable: "$laptop".) 

Merci à l'avance.

Répondre

0

J'ai résolu ce problème. Maintenant, je concatène tout le fichier scss avec des variables et ensuite seulement les connecter au css général. Quelque chose comme ceci:

sass/**/*.scss + _variables.scss> app.scss > app.css