Vue移动端像素解决方案postcss-pxtorem

1.安装

npm install postcss-pxtorem --save-dev

2.配置 打开.postcss.js文件（没有则新建一个）

module.exports = {
  "plugins": {
    "postcss-import": {},
    "postcss-url": {},
    // to edit target browsers: use "browserslist" field in package.json
    "autoprefixer": {},
    "postcss-pxtorem": { // 此处为添加部分
      rootValue: 16, // 默认值，对应设计稿为iphone6 375px
      unitPrecision: 5,
      propList: ['*'],
      selectorBlackList: [],
      replace: true,
      mediaQuery: false,
      minPixelValue: 0
    }
  }
}

注：参考Micro同学的vue项目使用postcss-pxtorem（应用于vue-cli 2和3）