Sass-directives-error

Sass-エラーディレクティブ

説明

_ @ error_ディレクティブは、SassScript式の値を致命的なエラーとして表示します。

例

以下に、拡張子 .scss で保存されたスタイルシートファイルを示します。これは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);
}

次のコマンドを使用して、SASSにファイルを監視し、SASSファイルが変更されるたびにCSSを更新するように指示することができます-

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

上記のコマンドを実行すると、_error.css_ファイルが自動的に作成されます。 SCSSファイルを変更するたびに、_error.css_ファイルが自動的に更新されます。

出力

上記のコードがどのように機能し、エラーが発生するかを確認するために、次の手順を実行してみましょう-

• 上記のコードを error.scss ファイルに保存します。
• コマンドプロンプトで上記のコマンドラインを実行します。

Sassルールとディレクティブ