Sass - 錯誤指令

說明

@error 指令將 SassScript 表示式值顯示為致命錯誤。

示例

以下給出了與 css 檔案類似且副檔名為 .scss 的樣式表文件。

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 檔案中。

• 在命令提示符中執行以上提到的命令列。