一, 安装依赖
yarn add postcss-pxtorem amfe-flexible
二选一
cnpm i postcss-pxtorem amfe-flexible
二,配置
1 ,在main.js 文件中引入
import 'amfe-flexible'
2,在根目录创建 postcss.config.js 然后把代码复制进去
module.exports = {
plugins: {
'postcss-pxtorem': {
rootValue: 75, //根据效果图大小除以10 进行配置
propList: ['*'],
},
},
};
3,在vue.comfig.js 中添加代码 关闭eslint
lintOnSave:false
完成后 运行项目就OK了