postcss-px2vw插件将px转vw、rem

npm install postcss-px2vw --save-dev

// postcss.config.js

module.exports = {
  plugins: [
    require('postcss-px2vw')({
      unitToConvert: 'px', // 要转换的单位
      viewportWidth: 750, // 设计稿的宽度
      unitPrecision: 5, // 单位精度
      propList: ['*'], // 指定转换哪些属性，['*'] 表示转换所有属性
      viewportUnit: 'vw', // 希望使用的视口单位
      fontViewport: 750, // 根字体大小相对于视口宽度的百分比，用于 rem 转换
      minPixelValue: 1, // 不转换小于这个值的属性
      mediaQuery: false, // 是否在媒体查询中也转换 px
      replace: true // 是否直接更换原属性
    })
  ]
};

/* input.css */

body {
  font-size: 16px;
  margin: 20px;
  padding: 10px;
  width: 100px;
}

/* output.css */

body {
  font-size: 1.6rem;
  margin: 2.0vw;
  padding: 1.0rem;
  width: 10.0rem;
}