我已经从gulp 3更新到gulp 4,并且还更新了其余的软件包,其中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;
}
在第一种情况下,控制台是清晰且安静的,只有“在XX毫秒后完成'sass'”。
如何编译为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; }