vue px 转 rem

1、安装两个依赖

"postcss-pxtorem": "^5.1.1",
"amfe-flexible": "^2.2.1",

2、创建vue.config.js (如果有不需要创建)
const autoprefixer = require("autoprefixer");

const pxtorem = require("postcss-pxtorem");

module.exports = {

css: {

loaderOptions: {

  postcss: {

    plugins: [

      autoprefixer(),

      pxtorem({

        rootValue: 20,

        propList: ["*"]

      })

    ]

  }

}

}

};

px 转 rem

上一篇:rem适配方案


下一篇:vite安装postcss-pxtorem+amfe-flexible(记录成功安装的一次~~~)