使用插件有:使用npm 安装
1、postcss-px2rem
2、px2rem-loader
3、lib-flexible
好用方法:
//vue.config.js
const px2rem = require('postcss-px2rem')const postcss = px2rem({ remUnit: 37.5})
module.exports = { css: { loaderOptions: { postcss: { plugins: [postcss] } } },
//...
}
//main.js
import 'lib-flexible'
小demo
<div style="height:200px">高在浏览器打印台看到的是rem值,插件使用成功</div>