Pleeease

Outil par (Intégrateur du Dimanche, Strasbourg)
Créé le (14490 lectures)
Tags : prefixes, rem, workflow, minification, postprocesseur

Dans le monde merveilleux de l'intégration front-end, certains outil permettent de se faciliter la vie et d'automatiser certaines tâches répétitives.

Parmi ces outils, les préprocesseurs sont de plus en plus connus et usités. Un préprocesseur agit en amont de l'intégration et produit la feuille de style "standard".

Par contre, bien moins connus sont les postprocesseurs : ceux-là interviennent à partir d'une feuille CSS standard pour la rendre lisible ou compatible universellement. L'exemple de postprocesseur le plus célèbre étant Autoprefixer : donnez-lui des CSS non préfixés et il se débrouille pour ajouter les préfixes nécessaires manquants.

Pleeease à votre service

Parmi les postprocesseurs, un nouvel outil déjà très prometteur vient de voir le jour en version de test : Pleeease.io (avec 3 "e").

Conçu par Vincent de Oliveira, Pleeease est le couteau suisse des postprocesseurs, il offre toutes les fonctionnalités suivantes par défaut :

  • Préfixes automatiques
  • Variables CSS "standards"
  • Alternatives pour l'unité rem et les pseudo-éléments tels que ::before ou ::after
  • Concaténation des media queries identiques
  • Concaténation automatique des fichiers CSS
  • Minification du fichier CSS final

Pour vous en convaincre, n'hésitez pas à tester le bac à sable ("Playground").

Pleeease Playground

Installation et configuration

Pleeease est un outil basé sur NodeJS, que vous devez installer au préalable.

Ensuite, en ligne de commande, installez Pleeease de cette manière :

npm install -g pleeease

Et c'est tout ! Pour la suite, je vous invite à suivre les instructions directement en ligne sur le site de Pleeease.

Bon postprocessing !