Sass - Directives d'erreur

La description

La directive @error affiche la valeur de l'expression SassScript comme erreur fatale.

Exemple

Ci-dessous, le fichier de feuille de style enregistré avec l'extension .scss, qui est similaire au fichier css.

warn.scss

$colors: (
   blue: #c0392b,
   black: #2980b9,

);

@function style-variation($style) {
   @if map-has-key($colors, $style) {
      @return map-get($colors, $style);
   }

   @error "Invalid color: '#{$style}'.";
}

.container {
   style: style-variation(white);
}

Vous pouvez dire à SASS de regarder le fichier et de mettre à jour le CSS chaque fois que le fichier SASS change, en utilisant la commande suivante -

sass --watch C:\ruby\lib\sass\warn.scss:warn.css

Lorsque vous exécutez la commande ci-dessus, elle crée automatiquement le fichier error.css . Chaque fois que vous modifiez le fichier SCSS , le fichier error.css sera mis à jour automatiquement.

Production

Exécutons les étapes suivantes pour voir comment le code ci-dessus fonctionne et donne des erreurs -

  • Enregistrez le code ci-dessus dans error.scss fichier.

  • Exécutez la ligne de commande mentionnée ci-dessus dans l'invite de commande.