在vue-cli中使用postcss-pxtorem自动转换rem

1、安装
npm install postcss-pxtorem --save

2、在.postcssrc.js中做如下配置

	module.exports = {
		"plugins": {
			"postcss-import": {},
			"postcss-url": {},
			"autoprefixer": {},
			"postcss-pxtorem": {
				rootValue: 10,  //换算基数(根据html的字体大小）
				unitPrecision; 5, //计算后的最小精度值，默认保留5位
				propList: ["*"],	//设置哪些属性可以px转换rem
				selectorBlackList: [],	//过滤，给定哪些选择器不转换rem，保留px
				replace: true,	
				mediaQuery: false, //Boolen类型，是否允许在媒体查询中转换px
				minPixelValue: 2
			}
		}

	}

3、js做不同设备适配,在main.js中import

(function(doc, win) {
    var docEl = doc.documentElement,
        resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',		
        recalc = function() {
            var clientWidth = docEl.clientWidth;
            if (!clientWidth) return;
            docEl.style.fontSize = 10 * (clientWidth / 37.5) + 'px';			//设定根以屏幕宽375做标准来制定
        };
    if (!doc.addEventListener) return;
    //适配手机翻转
    win.addEventListener(resizeEvt, recalc, false);
    doc.addEventListener('DOMContentLoaded', recalc, false);
})(document, window);

注：若有地方不想转变rem，使用大写PX或Px