feather-postpackager-map-before/process/clean-css.js

feather postpackager before map

/*
如果image和css是同域，则去掉domain部分，
1做大小优化，
2解决有可能css和js为动态域名，css中的image一样会被替换成动态域名导致加载异常的情况
3如果配置cssA2R时，则自动将img和css转成相对路径，主要防止有些上线部署权在后端手中，动态domain等
因csssprite为package时段处理，有可能会替换image的url，故postpackage处理该段内容
*/

var REG = /\/\*[\s\S]*?(?:\*\/|$)|(?:@import\s+)?\burl\s*\(\s*("(?:[^\\"\r\n\f]|\\[\s\S])*"|'(?:[^\\'\n\r\f]|\\[\s\S])*'|[^)}\s]+)\s*\)(\s*;?)/g;
var path = require('path');

module.exports = function(ret, conf, setting, opt){
	var sources = feather.util.merge(feather.util.merge({}, ret.src), ret.pkg);
	var a2r = feather.config.get('cssA2R');

	feather.util.map(sources, function(subpath, file){
		if(file.isCssLike && !file.isThird){
			file.getUrl(true, true);

			var domain = file.domain.replace(/\/+$/, ''), len = domain.length, content = file.getContent();
			var dir = path.dirname(file.getUrl());

			content = content.replace(REG, function(all, url, last){
		        if(url){
		        	var quote = '';

		        	if(/['"]/.test(url.charAt(0))){
		        		quote = url.charAt(0);
		        		url = url.substring(1);
		        	}

		        	if(url.substring(0, len) == domain){
		        		url = url.substring(len);
		        	}

		        	if(a2r && url.indexOf('/') === 0){
		        		url = path.relative(dir, url).replace(/\\/g, '/');
		        	}

		        	url = quote + url;

		            if(all.indexOf('@') === 0){
		                all = '@import url(' + url + ')' + last;
		            } else {
		               	all = 'url(' + url + ')' + last;
		            }
		        }

		        return all;
		    });

		    file.setContent(content);
		}
	});
};