Разница между @warn и @debug
В этой статье вы поймете разницу между @warn и @debug . Директивы @warn и @debug используются для обратной связи с разработчиками. Они похожи на console.log в JavaScript и print() в python.
@warn: @warn — это правило, которое используется для отображения предупреждения пользователям, если пользователь отправляет некоторые неверные значения или, возможно, какое-то значение, которое устарело.
Синтаксис:
@warn "string";
Пример: выполните приведенный ниже код с препроцессором SASS. Он печатает предупреждающее сообщение о том, что схема будет объявлена устаревшей в следующей версии.
CSS
@mixin outline($outline) { @warn "The `outline( )` mixin will be deprecated in version 4.1.0."; outline : $outline;} |
Выход:
Warning: The `outline( )` mixin will be deprecated in version 4.1.0. input.scss 2:2 outline() input.scss 7:1 root stylesheet
@debug: @debug — это At-правило, которое используется для проверки значения переменных при написании кода SCSS, чтобы отладить код, который вы пишете, и посмотреть, как он будет вести себя с различными входными значениями.
@debug variable;
Пример: выполните приведенный ниже код с препроцессором SASS. Он печатает значения всех переменных.
CSS
$color: #100111;$font-sizes: sm, p, bq;.div { @debug $color; // single value @debug $font-sizes; // list @debug 40px + 2; // math expression} |
Выход:
input.scss:5 Debug: #100111 input.scss:6 Debug: sm, p, bq input.scss:7 Debug: 42px
Различия между @warn и @debug:
@предупреждать | @отлаживать |
Директива Sass @debug является наименее навязчивой из всех директив обратной связи. | Директива @warn значительно менее строгая, чем директива @error. |
Он выводит значение выражения SASS на консоль для разработчика. | Он отправляет свое сообщение компилятору для прочтения разработчиком, но позволяет компилятору закончить свою работу и написать весь CSS. |
@warn лучше подходит для уведомлений об устаревании или предложения разработчику следовать определенным рекомендациям. | Это не совсем полезно в библиотеках с открытым исходным кодом или командных библиотеках. Скорее, @debug предназначен только для личного использования. |
Если у вас сложная математика и вам нужно знать, что содержат ваши переменные, вам не следует использовать @warn | Если вы занимаетесь сложной математикой и вам нужно знать, что в данный момент содержит одна из ваших переменных, используйте @debug, чтобы выяснить это. |