SASS でエラーを検出するためにどのディレクティブが使用されますか?

SASS では、ディレクティブは「@」文字で始まる特殊記号です。 SCSS コードでは、特定の方法でコードを処理するようにコンパイラーに指示するために、さまざまなディレクティブが使用されます。

このチュートリアルでは、@error ディレクティブと @debug ディレクティブを使用して、それぞれエラーをスローするかコードをデバッグする方法を学習します。

@SASS のエラー ディレクティブ

エラー命令は「@error」として表され、エラーをスローする必要がある場合に使用できます。たとえば、特定の条件が満たされない場合は、エラーをスローする必要があります。

＃＃＃文法＃＃＃

ユーザーは、次の構文に従って「@error」ディレクティブを使用して、SASS のエラーを検出できます。

リーリー

上記の構文では、エラー メッセージは出力に表示する必要がある実際のエラーに置き換えられます。

Example

の中国語訳は次のとおりです:

Example

以下の例では、さまざまな色とその 16 進コードを含む「color」オブジェクトを SASS に作成します。

さらに、色をパラメータとして受け取るchangeStyle()関数を作成しました。渡されたパラメータ color がキーとしてマップに含まれているかどうかをチェックします。存在する場合は、色の 16 進コードを返します。それ以外の場合は、エラーが返されます。

パラメータとして「blue」を渡してchangeStyle()関数を呼び出します。ユーザーはSCSSのコンパイル時に端末でエラーを確認できます。

リーリー ＃＃＃出力＃＃＃

実行すると、次の出力が生成されます -

リーリー

Example

の中国語訳は次のとおりです:

Example

以下の例では、divide() 関数は 2 つの値をパラメータとして受け取ります。 2 番目の引数がゼロに等しい場合は、エラーがスローされます。それ以外の場合は、数値の除算結果を返します。

リーリー

出力

出力で、ユーザーはエラーを確認できます。

rree

@SASSにおけるデバッグコマンドの役割

「@debug」ディレクティブは、SASS コードをデバッグするために使用されます。コードをデバッグすることで、開発者はコード内のエラーの正確な位置を知ることができます。たとえば、コードをデバッグして変数の値を出力し、手動でエラーをキャッチできます。

＃＃＃文法＃＃＃

ユーザーは、次の構文に従って SASS "@debug" ディレクティブを使用できます。

リーリー

上記の構文では、「var-name」は実際の変数名に置き換えられ、コードをデバッグするためにその値が出力されます。

Example

の中国語訳は次のとおりです:

Example

次の例では、@debug ディレクティブを使用して SASS コードをデバッグします。高さと境界の変数を定義し、それぞれの値を保存しました。

その後、@debug ディレクティブを使用して高さと境界変数の値を出力しました。これはユーザーが出力で確認できるものです。

リーリー ＃＃＃出力＃＃＃

実行すると、次の出力が生成されます -

リーリー

ユーザーは、SASS コードのコンパイル時に @error および @debug ディレクティブを使用してエラーを検出する方法を学びます。 @error ディレクティブを使用してエラーをスローし、@debug ディレクティブを使用してコードをデバッグすることでエラーをキャッチできます。

以上がSASS でエラーを検出するためにどのディレクティブが使用されますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。