guido/lib/utils/postcssDiscernFontSVG.js

基于webpack4的一键式开发工具，集成handlebars、雪碧图、SVG Sprite、自定义资源注入等方式

'use strict';

const postcss = require('postcss');

function strSplice(str, start, delCount, newSubStr) {
	return (
		str.slice(0, start) + newSubStr + str.slice(start + Math.abs(delCount))
	);
}

module.exports = function discernFontSVG() {
	return postcss.plugin('postcss-discern-font-svg', function() {
		return function(root) {
			root.walkAtRules('font-face', function(ruleItem) {
				ruleItem.walkDecls('src', function(decl) {
					let searchValue = '.svg?';
					let index = decl.value.indexOf(searchValue);
					if (index > -1) {
						decl.value = strSplice(
							decl.value,
							index + searchValue.length,
							0,
							'__font&'
						);
						return false;
					} else {
						searchValue = '.svg';
						index = decl.value.indexOf(searchValue);
						if (index > -1) {
							decl.value = strSplice(
								decl.value,
								index + searchValue.length,
								0,
								'?__font'
							);
							return false;
						}
					}
				});
			});
		};
	});
};