次のコードを含む style.scss という名前のファイルが 1 つあります。
@import 'variables';
body {
color: $text-color;
background: $background-color;
}
そして、_variables.scss という名前の 1 つのパーシャル:
$colorscheme: white;
@if $colorscheme == white {
$text-color: #333;
$background-color: #fff;
}
@else {
$text-color: #ccc;
$background-color: #333;
}
if ステートメントは正しく機能しますが、内部で定義された変数は機能しません。コンパイルしようとすると、次のようになります。
構文エラー: 未定義の変数: “$text-color”.