第一步:命令安装

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

}

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

Logo

前往低代码交流专区

更多推荐