配置
安装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
})]
}
}
}
}