vue项目px转rem 关闭eslint

一， 安装依赖

 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了