兼容性配置、px转rem配置

postcss配置

注:默认安装会提示版本不对,需降级指定版本。

1.安装兼容性依赖

 npm install postcss@8.0.0 postcss-loader@4.0.3 autoprefixer@8.0.0 -D 

2.安装px转rem依赖

 npm install postcss-pxtorem@5.1.1 -D 

3.postcss.config.js配置

module.exports = {
  plugins: {
    autoprefixer: {
      browsers: ["Android >= 4.0", "iOS >= 8"]
    },
    "postcss-pxtorem": {
      rootValue: 18.75,
      // rootValue: 37.5,
      propList: ["*"]
    }
    // "postcss-px2rem": {
    //   remUnit: 37.5
    // }
  }
};

 

上一篇:关于 vue-cli 使用 postcss-px-to-viewport 使移动端自适应


下一篇:Vue ——lib-flexible + postcss-pxtorem 简单实现rem适配