songsiqi / px2rem-postcss

Postcss version of px2rem.
270 stars 49 forks source link

webpack2里应该怎么去配置remUnit这个参数? #16

Open allroad88888888 opened 6 years ago

allroad88888888 commented 6 years ago

用的postcss-loader,在postcss.config.js里面加入 module.exports = { plugins: [ require('autoprefixer'), require('postcss-px2rem') ] }。 webpack配置 { test: /.css$/, use: ExtractTextPlugin.extract({ fallback: "style-loader", use: [ {loader: "css-loader"}, {loader:"postcss-loader"} ] }) } 怎么去配置remUnit这个参数呢

whidy commented 6 years ago

你可以试试创建一个postcss.config.js,然后用

module.exports = {
  plugins: [
    require('postcss-px2rem')({
      remUnit: 75
    })
  ]
}

可以参考我的半成品示例postcss学习

或者不通过postcss直接单独用px2rem-loader,例如:

{
  test: /\.scss$/,
  use: ExtractTextPlugin.extract({
    fallback: "style-loader",
    use: [{
      loader: "css-loader"
    }, {
      loader: "px2rem-loader",
      options: {
        remUnit: 75
      }
    }, {
      loader: "sass-loader"
    }, ]
  })
}

可参考我最近也在看这块 px2rem插件示例

136985627 commented 6 years ago

如果设计稿时640的时候 怎么去换算这个remUnit 的值呢