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

Обновился с 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; }
  • Вопрос задан
  • 116 просмотров
Решения вопроса 1
delphinpro
@delphinpro Куратор тега CSS
frontend developer
Потому что слово opechatka вполне себе валидное выражение для тега. Да, такого тега не существует. Но компилятору нельзя выдавать белый список тегов, так как могут появиться новые.

Оба варианта
opechatka
.soc {
}

opechatka .soc {
}

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

А здесь у вас ошибка, потому что отсутствует двоеточие, значение и точка-с-запятой
{
  opechatka
  display: flex;
}

Не проверял, но думаю, что такой варик тоже не вызовет ошибку, по причине, описанной выше:
{
  opechatka: 10px;
  display: flex;
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы