在初始化项目时,添加postcss 支持。
1、安装 flexible
npm i -D flexible
2、在main.js中引入 flexible
import 'lib-flexible/flexible'
3、安装px2rem
npm i -D postcss-px2rem
4、在postcss.config.js中添加 px2rem 配置
plugins: {
autoprefixer: {},
'postcss-px2rem': {remUnit: 100}
}
配置完后,打包的代码中px转化为rem,同时通过flexible适配移动端。