postcss-pxtorem插件的使用

安装

npm install postcss-pxtorem

设置

根目录 postcss.config.js

module.exports = {
  plugins: {
  // 自适应，px>rem转换
    'postcss-pxtorem': {
      rootValue: 37.5, // 75表示750设计稿，37.5表示375设计稿
      propList: ['*', '!border-bottom'], // 需要转换的属性列表，'*'表示所有属性
      selectorBlackList: ['.ignore'], // 忽略的选择器
      minPixelValue: 2, // 小于或等于该值的像素不转换
      mediaQuery: false, // 是否特换体查询中的 px
    },
  },
};