vue项目-h5移动端px适配配置

一、包安装

1、必需

yarn add postcss-pxtorem -D

2、可选

yarn add amfe-flexible

二、配置 index.html

三、配置 postcss

【这一步很关键，官方README没写】

创建配置文件： postcss.config.js

【配置示例】

module.exports = {

  plugins: {

    'postcss-pxtorem': {

      rootValue: 75, //结果为：设计稿元素尺寸/75，比如元素宽750px,最终页面会换算成 10rem（按750宽设计稿配置）

      propList: ['*'],

      exclude: /node_modules/i,

    },

  },

};

【更多配置】postcss-pxtorem

搞定。