如何在 SaSS/CSS 中为单行禁用更漂亮答案

【问题标题】：How to disable prettier for a single line in SaSS/CSS如何在 SaSS/CSS 中为单行禁用更漂亮
【发布时间】：2019-05-11 06:05:16
【问题描述】：

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

我试过了：

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

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

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

【问题讨论】：

【解决方案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;
}

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

【讨论】：