Twitter bootstrap Sass数字精度和网页包

我在sass中使用bootstrap 3，似乎我的默认数字精度为5有问题。然而，我找不到一种方法来提高这个数字的精度。这是我的加载程序的网页包配置

{
    test: /\.scss$/,
    exclude: /node_modules/,
    loaders: ['raw-loader', 'sass-loader']
}

我遇到的实际问题是输入组的对齐

---

正如你在上面看到的，它是1个像素。当我在chromedev工具中编辑元素的线高精度时，它完美地对齐了。这个问题在safari中也会出现，但在firefox中不会出现。

建议在网页包配置的根级别定义

sassLoader

属性：

module.exports = {
  ...
  sassLoader: {
    precision: 8  // Avoid rounding errors in bootstrap styles
  }
  ...
};

这在webpack 2中似乎不起作用，但看起来您可以将选项作为查询参数传递：

rules: [
  {
    test: /\.s?css$/,
    loader: ExtractTextPlugin.extract({
      fallbackLoader: ['style-loader'],
      loader: ['css-loader?sourceMap', 'sass-loader?sourceMap&precision=8']
    })
  }
]

网页2 Webpack 2已更改如何声明加载程序的使用。以下是新语法：

使用：[{
加载器：“sass加载器”，
选项：{…}，
}], 

这是有关SCSS文件的完整配置

{
测试：/\.scss$/,，
使用：[
{loader:'style loader'}，
{loader:'css loader'}，
{loader:'postsss loader'}，
{
加载器：“sass加载器”，
选项：{精度：8}，
},
],
}

这是使用ExtractTextPlugin的完整配置：

{
测试：/\.scss$/,，
用法：ExtractTextPlugin.extract({
使用：[
{loader:'css loader'}，
{ 
加载器：“postss加载器”，
选项：{精度：8}，
}
],
回退：“样式加载器”，
}),
}

您的sass是什么，它的编译目的是什么？如果都是Bootstrap，您可以使用bootply.com或codepen.io演示进行复制吗？