vue-cli3中px2rem-loader和lib-flexible的安装和配置

配置

安装1：npm i postcss-px2rem --save -dev

安装2：npm i lib-flexible --save 

（在项目中启动vue ui也可以快速安装）

配置1：入口文件main.js中引入：import 'lib-flexible/flexible.js'

配置2： 在vue.config.js

module.exports = {
    css: {

        loaderOptions: {

            css: {

                // options here will be passed to css-loader

            },

            postcss: {

                // options here will be passed to postcss-loader

                plugins: [require('postcss-px2rem')({

                    remUnit: 75  //设计稿的尺寸是750px 就需要除2，这里是375px

                })]

            }

        }

    }
};