px2rem-loader和lib-flexible的安装和配置

配置

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

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

配置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: 37.5  //要除以2因为是2倍图，除以2因为第三方插件是1倍的，这里是设计稿的尺寸是750px

})]

}

}

}

}