如何在SaSS / CSS中禁用更漂亮的一行

时间:2018-12-10 10:42:18

标签: sass prettier

我通常希望Prettier从SaSS / CSS的单元中去除前导零,但是在特定的SaSS mixin测试中,我需要保留前导零。

我尝试过:

/* prettier-ignore */
font-size: 0.8889rem;

保存文件后,前导零仍被删除。有没有办法告诉Prettier忽略特定的行,或者说忽略下面的代码块?

/* prettier-ignore */
@include expect {
    font-size: 16px;
     font-size: 0.88889rem;
}

1 个答案:

答案 0 :(得分:0)

好吧,我在玩这个,我发现了一个奇怪的怪癖,里面有漂亮和Sass。

这不起作用,并且会在评论后自动换行:

.class {
// prettier-ignore
  /* Comment to not format */right: 0px;
  left: 0px;
}

但是这样做确实可以使类的所有行保持完整:

// prettier-ignore
.class {
  /* Comment to not format */right: 0px;
  left: 0px;
}

它不会重现您的确切问题,但确实显示了有时忽略注释无法按预期工作的情况。基本上,忽略项必须位于父级类名的上方才能对其下的规则进行格式化,而不是在属性级。