px2rem-postcss icon indicating copy to clipboard operation
px2rem-postcss copied to clipboard

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

Open allroad88888888 opened this issue 7 years ago • 2 comments

用的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这个参数呢

allroad88888888 avatar Aug 22 '17 07:08 allroad88888888

你可以试试创建一个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插件示例

whidy avatar Aug 24 '17 09:08 whidy

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

136985627 avatar Apr 18 '18 05:04 136985627