vue3.0打包把px转换rem

一、amfe-flexible

1.首先把安装amfe-flexible，这里使用npm install

nnpm i  amfe-flexible -S

2.在项目入口文件main.js 中引入amfe-flexible

import 'amfe-flexible'

3.在根目录的index.html 的头部加入手机端适配的meta代码

<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">

4.在package.json页面找到postcss添加

"postcss": {

    "plugins": {

      "autoprefixer": {},

      "postcss-px2rem": {

        "remUnit": 37.5