vue3.0版本如何自动适配rem

1、首先npm安装配置文件

　　1.1、cnpm i postcss-pxtorem --save-dev

　　1.2、cnpm i lib-flexible --save

 

2、第二步在min.js中进行引入

　　2.1、import "lib-flexible"

 

3、创建全局的vue.config.js

　　3.1、引入autoprefixer和postcss-pxtorem

　　        const autoprefixer = require('autoprefixer');

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

　　3.2、抛出模块（直接复制即可）　　

　　　　

        module.exports = {

             css: {

                 loaderOptions: {

                     postcss: {

                        plugins: [

                            autoprefixer({

                                overrideBrowserslist: ['Android >= 4.0', 'iOS >= 7']

                             }),

                             pxtorem({

                                rootValue: 37.5,

                                propList: ['*'],

                                 unitPrecision: 3,

                                minPixelValue: 2

                            })

                        ]

                    }

                }

            },

        }