如何在 SaSS/CSS 中禁用单行的 prettier

Question

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

我努力了：

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

保存文件后，前导零仍会被删除。有没有办法告诉 Prettier 忽略特定行或忽略以下块？

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

Answer 1

好吧，我正在研究这个，我发现了 Prettier 和 Sass 的一个奇怪的怪癖。

这不起作用，并且会在注释后自动换行：

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

但这确实并且将会保持班级的所有线条完好无损：

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

它不会重现您的确切问题，但它确实显示有时忽略注释无法按预期工作。基本上，忽略必须位于父级别类名称之上，以便对其下的规则进行格式化，而不是在属性级别。