Utilisation du SCSS

Utilisation du SCSS

Aujourd’hui on va comprendre comment utiliser SCSS dans un projet web.

La première étape est d’intégrer SASS.

npm install -g sass

Ensuite pour la compilation d’un fichier scss en css il faut installer aussi

npm install -g watch

Maintenant on a la possibilité de faire notre compilation des fichiers avec la ligne de commande

sass --watch style.scss:style.css

/*
Explication le fichier style.scss : est le fichier actuelle ou on travaille
Le fichier style.css est le fichier généré avec la ligne de commande
Le long du notre changement sur le fichier style.scss , le fichier style.css sera regénéré 
automatiquement grace à l'utilisation du watch.
*/

Un exemple du fichier style.scss

$colorRed: '#ff0000';

body{
    font-size:12px;
    color:$colorRed;
    margin:0;
    padding:0;
}