Présentation
Pour aller plus loin

Dans cette vidéo nous allons voir comment installer et utiliser le préprocesseur SASS. Le préprocesseur peut être utilisé de trois manières différentes :

  • Via un logiciel qui va offrir une interface visuelle pour gérer la compilation de fichier SASS.
  • Via un outil tiers tel que webpack ou Gulp qui va permettre de gérer les différentes opérations à faire sur les fichier SASS (ou CSS).
  • Directement en ligne de commande en téléchargeant l'exécutable de SAS sur le site.

Pour cette présentation nous allons choisir la troisième solution car c'est la moins enclin à changer dans le temps et la plus simple pour débuter.

Installer SASS

La première étape consiste à télécharger la version standalone de SASS. Cette version peut se trouver directement sur le site officiel. Il est ensuite possible de l'installer globalement sur votre système mais nous allons nous contenter pour cette vidéo de déplacer les sources à l'intérieur de notre projet. Une fois ces sources déplacées il est possible d'utiliser SASS en ligne de commande en tapant la commande suivante sur notre terminal.

./dart-sass/sass.bat style.scss style.css --watch

Et c'est tout ! Vous êtes maintenant prêt à travailler avec SASS.