Я обновился до gulp 4 из gulp 3, а также обновил остальные пакеты, среди которых был gulp-sass (обновление с 4.0.1 до 4.0.2), но затем он перестал правильно компилироваться в CSS.Когда у меня есть опечатка за пределами , SCSS блокирует gulp-sass, по-прежнему компилируемый в CSS, но без каких-либо ошибок.Следовательно, моя раскладка падает в месте, где опечатка была между блоками.
Например:
//SCSS
typo //hmm, it's ok, let's break the layout
.soc {
typo //an error was detected
display: flex;
padding-left: 15px;
}
Консоль в первом случае ясная и тихая, только "Готово" sass "после XXМиз".
Пример компиляции в css:
//SCSS
TYPO
.burger {
display: flex;
justify-content: center;
align-items: center;
&:hover {
background-color: #E3CD56;
}
&:active {
background-color: #DBAA35;
transition: none;
}
}
Просто компилируется в:
//CSS
TYPO
.burger {
display: flex;
justify-content: center;
align-items: center; }
TYPO
.burger:hover {
background-color: #E3CD56; }
TYPO
.burger:active {
background-color: #DBAA35;
transition: none; }