如何使用 SASS 修复 Web Essentials 数字精度问题？答案

【问题标题】：How to fix Web Essentials number precision issue with SASS?如何使用 SASS 修复 Web Essentials 数字精度问题？
【发布时间】：2014-08-11 07:47:06
【问题描述】：

目前，Web Essentials for Visual Studio 2013 支持 SASS 编译。当我编译一个小数点超过 5 位的 SASS 变量时，该数字会被修整。

SASS

.example{ 
    line-height: 1.428571429; 
}

变成

CSS

.example { 
    line-height: 1.42857; 
}

这尤其是 Bootstrap 3 的一个问题，因为他们使用上面的示例来表示按钮中的行高。修剪后的输出数字会导致跨浏览器的按钮高度不同。

有没有办法通过 Web Essentials 更改 SASS 编号精度？如果它不可用，我已经打开了a feature request with them。

【问题讨论】：

Sass and rounding down numbers. Can this be configured?的可能重复
是的，我知道这可以在普通的 SASS 中进行配置，但是 Web Essentials 是一个视觉工作室扩展，它使安装它的用户可以轻松使用 SASS。但是，如果该解决方案可行，我很想知道将那行代码放在哪里。
更新：这将在 Web Essentials 的下一个版本中。我能够向 GitHub 上的 Web Essentials 源发出拉取请求，并被接受。
@ChrisBarr 我知道这已经过时了，但也许您可以从评论中做出回答，并可能添加确保其正常工作所需的任何其他步骤/信息。

【解决方案1】：

在 Visual Studio 中的 compilerconfig.json 文件中添加选项：

"options": {"precision": 10}

【讨论】：

【解决方案2】：

已针对此功能对 Web Essentials 项目进行了 PR，因此它现在应该在其中。

但是，我不再使用 Web Essentials 进行 SASS 编译，所以我不确定是否仍然如此。

【讨论】：