我用sass引導3，似乎我有一個默認數字精度爲5的問題。但是，我找不到一種方法來增加此數字精度。這是我的裝載機webpack配置。Sass號碼精度和webpack

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

我遇到的實際問題是與輸入組的對齊。

正如你可以在上面看到，這是1個像素關閉。當我編輯chrome開發工具中元素行高的精度時，它完美地排列起來。 safari中也會出現這個問題，但在firefox中不會。

來源

2016-11-12 Nitesh

什麼是你的青菜，什麼是它編譯成？如果它是所有Bootstrap，你可以使用bootply.com或codepen.io演示覆制嗎？ – alexbea

通過您的WebPack配置的根級別定義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'] 
    }) 
    } 
]

來源

2017-01-03 14:03:34

的WebPack 2

的WebPack 2已經改變豪w宣佈裝載機的使用情況。下面是新的語法：

use: [{ 
    loader: 'sass-loader', 
    options: { ... }, 
}],

這是關於SCSS文件的完整配置。

{ 
    test: /\.scss$/, 
    use: [ 
     { loader: 'style-loader' }, 
     { loader: 'css-loader' }, 
     { loader: 'postcss-loader' }, 
     { 
      loader: 'sass-loader', 
      options: { precision: 8 }, 
     }, 
    ], 
}

這是完整的配置使用ExtractTextPlugin：

{ 
    test: /\.scss$/, 
    use: ExtractTextPlugin.extract({ 
     use: [ 
      { loader: 'css-loader' }, 
      { 
       loader: 'postcss-loader', 
       options: { precision: 8 }, 
      } 
     ], 
     fallback: 'style-loader', 
    }), 
}

來源

2017-05-12 12:26:36 McGiogen

Sass號碼精度和webpack

回答

的WebPack 2

相關問題