防止 SASS gulp 编译器在“！important”之前添加空格

Question

如何防止在!important 之前添加空格？这是雅虎邮箱的一个重要问题。

比如下面的代码……

.align-block {
  @media (max-width: 699px) {
    width: 100%!important;
  }
}

...会这样编译...

@media (max-width: 700px) {
  .align-block {
    width: 100% !important;
  }
}

请注意前感叹号的空格。

Answer 1

我会在你有 SASS 任务的地方编辑 gulpfile.js 并添加行

.pipe(replace(' !important', '!important'));

这将替换它在输出中匹配的内容。