CSS Nano

Definition

Plugin PostCSS de minification CSS. Supprime les espaces, commentaires, raccourcit les couleurs et proprietes pour reduire la taille du fichier CSS final.

Analogie

Un compresseur de valise : meme contenu, mais ca prend beaucoup moins de place.

Exemple de code

/* Avant: 234 bytes */
.card {
  background-color: #ffffff;
  margin: 0px 0px 0px 0px;
  padding: 16px;
}
/* Apres cssnano: 48 bytes */
.card{background:#fff;margin:0;padding:16px}

Cas d'usage

Reduire la taille du CSS en production pour ameliorer les temps de chargement.

Termes lies