Sass-directives-debug
提供:Dev Guides
Sass-デバッグディレクティブ
説明
_ @ debug_ディレクティブはエラーを検出し、SassScript式の値を標準エラー出力ストリームに表示します。
例
以下に、拡張子 .scss で保存されたスタイルシートファイルを示します。これはcssファイルに似ています。
debug.scss
$font-sizes: 10px + 20px;
$style: (
color: #bdc3c7
);
.container {
@debug $style;
@debug $font-sizes;
}
次のコマンドを使用して、SASSにファイルを監視し、SASSファイルが変更されるたびにCSSを更新するように指示することができます-
sass --watch C:\ruby\lib\sass\debug.scss:debug.css
上記のコマンドを実行すると、_debug.css_ファイルが自動的に作成されます。 SCSSファイルを変更するたびに、_debug.css_ファイルが自動的に更新されます。
出力
上記のコードがどのように機能し、デバッグエラーが発生するかを確認するために、次の手順を実行しましょう-
- 上記のコードを debug.scss ファイルに保存します。
- コマンドプロンプトで上記のコマンドラインを実行します。