Gulp-sass компилирует в CSS при опечатке в коде. Что делать?

Question

[Никита]

Обновился с gulp 3 до gulp 4, также обновил остальные пакеты, среди которых был gulp-sass (обновление с 4.0.1 до 4.0.2). После этих процедур появилась проблема неправильной компиляции в CSS, а именно когда я делаю опечатку вне SCSS блока то gulp-sass все равно продолжает компиляцию, ломая верстку между CSS блоками в месте допущенной опечатки.
Подобной проблемы и ее решения нигде не нагуглил, может кто сталкивался с таким?

//SCSS

opechatka   //не вижу проблем - скомпилирую

.soc {
  opechatka   //ошибку обнаружил, не компилирую
  display: flex;
  padding-left: 15px;
}

В первом случае консоль не выдает никакой ошибки, пишет об успешном завершении таска "Finished 'sass' after XX ms".
Во втором случае в консоль выдается ошибка и соответственно в CSS ничего не компилируется.

Пример того как идет компиляция:

//SCSS

OPECHATKA

.burger {
  display: flex;
  justify-content: center;
  align-items: center;
  &:hover {
    background-color: #E3CD56;
  }
  &:active {
    background-color: #DBAA35;
    transition: none;
  }
}

Скомпилирует в:

//CSS

OPECHATKA
.burger {
  display: flex;
  justify-content: center;
  align-items: center; }
  OPECHATKA
.burger:hover {
    background-color: #E3CD56; }
  OPECHATKA
.burger:active {
    background-color: #DBAA35;
    transition: none; }

Answer 1

[Сергей delphinpro]

Потому что слово opechatka вполне себе валидное выражение для тега. Да, такого тега не существует. Но компилятору нельзя выдавать белый список тегов, так как могут появиться новые.

Оба варианта

opechatka
.soc {
}

opechatka .soc {
}

идентичны синтаксически.

А здесь у вас ошибка, потому что отсутствует двоеточие, значение и точка-с-запятой

{
  opechatka
  display: flex;
}

Не проверял, но думаю, что такой варик тоже не вызовет ошибку, по причине, описанной выше:

{
  opechatka: 10px;
  display: flex;
}

Comments

[Никита]

Мне непонятно почему нельзя использовать белые списки тегов, ведь они даже не каждый год появляются и думается мне что эта проблема может быстро пофикситься ближайшим патчем, даже в случае неожиданного появления новых тегов :) Так то ваш ответ мне понятен и в принципе большой погоды в моей работе эта проблема не делает, основной дискомфорт остался от того что при прошлой конфигурации sass не допускал такой компиляций и мне прилетало удобное уведомление при помощи gulp-notify в случае такой опечатки, а тут вдруг почему то такого не происходит.

Кстати проверил скомпилировать со "свойством" opechatka: 10px; и да, действительно так тоже компилирует.