vue项目安装postcss-pxtorem

第一步：命令安装

npm i amfe-flexible

第二步：main.js文件引入

import 'amfe-flexible'

第三步：安装postcss-pxtorem，如果不指定版本有可能会报错。

npm i postcss-pxtorem@5.1.1

第四步：配置postcss-pxtorem文件，在根目录的.postcssrc.js下配置，如果文件没有，自己手动创建个

module.exports = {
    plugins: {
      'autoprefixer': {
        browsers: ['Android >= 4.0', 'iOS >= 8']
      },
      'postcss-pxtorem': {
        // rootValue: 37.5,
        rootValue ({ file }) {
          return file.indexOf('vant') !==- 1?  37.5:75
        },
        propList: ['*']
      }
    }
  }

第五步： 根路径创建vue.config.js文件 关闭Eslint 代码校验

module.exports = {

lintOnSave: false

}

第六步：启动项目看效果。