Sass - Direttive sugli errori

Descrizione

La direttiva @error visualizza il valore dell'espressione SassScript come errore irreversibile.

Esempio

Di seguito è riportato il file del foglio di stile salvato con estensione .scss, che è simile al file 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);
}

Puoi dire a SASS di guardare il file e aggiornare il CSS ogni volta che il file SASS cambia, utilizzando il seguente comando:

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

Quando esegui il comando precedente, creerà automaticamente il file error.css . Ogni volta che si modifica il file SCSS, il file error.css verrà aggiornato automaticamente.

Produzione

Eseguiamo i seguenti passaggi per vedere come funziona il codice sopra e fornisce errori:

  • Salva il codice sopra indicato in formato error.scss file.

  • Eseguire la riga di comando sopra menzionata nel prompt dei comandi.