Sass @warn 警告指令
学习使用 @warn 指令在编译时发出自定义警告信息。 · 难度:入门 · +15XP
@warn 指令简介
@warn 用于在编译过程中输出警告信息,通常提示开发者注意潜在问题或不推荐用法,但不会中断编译。
基本语法
@warn <message>;典型用法
$primary-color: #3498db;
@if $primary-color == #3498db {
@warn "默认主色被使用,建议自定义主色";
}与 @debug 的区别
| 指令 | 目的 | 对编译影响 |
|---|---|---|
| @debug | 输出变量值用于调试 | 无影响 |
| @warn | 发出警告提示 | 无影响,但通常会被构建工具突出显示 |
| @error | 抛出错误并停止编译 | 中断编译 |
实际场景
- 检测已弃用的变量或混合宏
- 提示用户配置不完整
- 提醒性能问题
练习提示
创建一个函数,当传入的字体大小小于 12px 时,使用 @warn 发出警告,并返回默认大小。