// 1、安装
cnpm i amfe-flexible -S
cnpm install px2rem-loader -D
// 2、在main.js引入包
import "amfe-flexible"
// 3、在vue.config.js中配置
module.exports = {
chainWebpack: config => {
config.module
.rule('less')
.test(/\.less$/)
.oneOf('vue')
.use('px2rem-loader')
.loader('px2rem-loader')
.before('postcss-loader') // this makes it work.
.options({ remUnit: 64, remPrecision: 8 })
.end()
}
}
// 4、在 public/index.html中引入style
@media only screen and (min-width:640px){
html{
font-size: 64px !important;
}
}