第一步、npm i lib-flexible --save
第二步、在main.js中引入
import ‘lib-flexible/flexible’
第三步、index.html中找到meta标签替换
在这里插入图片描述
第四步、安装px2rem-loader
npm install px2rem-loader
第五步、在build文件中找到util.js,将px2rem-loader添加到cssLoaders中
const px2remLoader = {
loader: ‘px2rem-loader’,
options: {
remUnit: 75
}
}
第六步、在generateLoaders方法中添加px2remLoader
最后.项目重新启动npm run dev
px自动转换为rem