Gulp-sass在代码中输入错误但没有错误时编译CSS

时间:2019-07-05 00:19:03

标签: css sass gulp gulp-sass

我已经从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; }

0 个答案:

没有答案