Sass-directives-debug

Sass-デバッグディレクティブ

説明

_ @ debug_ディレクティブはエラーを検出し、SassScript式の値を標準エラー出力ストリームに表示します。

例

以下に、拡張子 .scss で保存されたスタイルシートファイルを示します。これはcssファイルに似ています。

debug.scss

$font-sizes: 10px + 20px;
$style: (
   color: #bdc3c7
);

.container {
   @debug $style;
   @debug $font-sizes;
}

Copy

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

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

Copy

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

出力

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

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

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