vue-cli3移动端适配插件

1.安装2个插件:

npm i lib-flexible postcss-px2rem -D

2.在vue.config.js中添加这项配置:

css: {
        loaderOptions: {
            css: {},
            postcss: {
                plugins: [
                    require('postcss-px2rem')({
                        remUnit: 37.5 //按照屏幕宽度375px去书写页面(它可以适配vant,mintui的样式)
                    })
                ]
            }
        }
    },

3.在main.js中引入lib-flexible

import 'lib-flexible' //rem适配插件