Qu’est ce qu’un préprocesseur ?
Un préprocesseur est un petit programme qui va écrire pour nous nos fichiers CSS, en partant d’un fichier source écrit dans un autre langage. Si l’on prend comme exemple SASS, nous pouvons écrire un fichier styles scss, et le pré-processeur se chargera de le transformer en styles .css.
Il est de cette façon facile d’ajouter des fonctionnalités au langage, comme des variables ou des fonctions, qui n’existent pas dans le CSS. De plus, ces fonctionnalités peuvent n’évoluer bien plus vite que le CSS lui-même, car elles sont « invisibles » pour les navigateurs, qui ne voient que du CSS standard.
Les préprocesseurs simplifient énormément aussi le travail de débugging : là ou le CSS standard va planter de façon totalement silencieuse en cas d’oubli de point-virgule, ou de valeur chiffrée sans unité, le préprocesseur sera capable de remonter une erreur et d’indiquer la ligne du fichier qui est en cause.
Enfin, les préprocesseurs permettent de simplement choisir le type de sortie que l’on souhaite, entre css compressé, css très étendu et lisible, …
Mais si les préprocesseurs sont si bien, pourquoi tout le monde ne les utilise pas ? Pour beaucoup, la réponse est simple : ils n’ont pas envie de s’embêter les installer avec leurs dépendances (ruby, node.js, …).
Si vous êtes dans ce cas, le Blog du Webdesign vous présente CSS-Crunch!
