gulp-inject-xm/index.js

inject text to html

var through2 = require('through2');

var inject = {};

module.exports = inject;

inject.process = function(options){
	
	return through2.obj(function (file, enc, done) {
		
		// ����ļ�Ϊ�գ������κβ�����ת����һ������������һ�� .pipe()
		if (file.isNull()) {
			this.push(file);
			return done();
		}
		
		// �����֧�ֶ� Stream ��ֱ�Ӳ������ܳ��쳣
		if (file.isStream()) {
			this.emit('error', new gutil.PluginError(PLUGIN_NAME, 'Streaming not supported'));
			return cb();
		}
		
		var content = file.contents.toString();
		
		content = inject.processHtmlForString(content, options)
		
		file.contents = new Buffer(content);
		this.push(file);
		done();
	});
}

inject.processHtmlForString = function (content, options){
	
	//<!-- build {"type": "script", "ref":"style/main.js"} -->
	//<script src="scripts/app.js"></script>
	//<script src="scripts/controllers/main.js"></script>
	//<!-- endbuild -->
	
	//<!-- build {type: "css", ref:"style/main.js"} -->
	//<link href="styles/main.css"></link>
	//<link href="styles/default/style.css"></link>
	//<!-- endbuild -->
	var jsRegExp = /(<!--\s*build)[\s\S]*?(endbuild\s*-->)/g;

	//<!-- build {"type": "script", "ref":"style/main.js"} -->
	var headerReg = /<!--.*-->/;
	
	//{"type": "script", "ref":"style/main.js"}
	var jsonReg = /\{.*\}/;
	
	var matchElems = content.match(jsRegExp);
	if(matchElems && matchElems.length>0){
		for(var i=0; i < matchElems.length; i++){
			
			var head = matchElems[i].match(headerReg);
			
			if(head && head.length>0){
				
				var jsonStr = head[0].match(jsonReg);
				
				if(jsonStr && jsonStr.length>0){
					
					var info = JSON.parse(jsonStr[0]);
					
					if(!options.isDebug){
						var replaceText = "";
						if(info.type){
							if(info.type==='script'){
								replaceText = '<script type="text/script" src="'+info.ref+'"/>';
							}else if(info.type==='css')
								replaceText = '<link rel="stylesheet" href="'+info.ref+'"/>';
							else{
								if(options && options.callback){
									replaceText = options.callback(info, options.isDebug)
								}
							}
						}
						content = content.replace(matchElems[i], replaceText);
					}else{
						if(options && options.callback){
							var replaceText = options.callback(info, options.isDebug);
							
							if(replaceText){
								content = content.replace(matchElems[i], replaceText);
							}
						}
					}
					
				}
				
			}
			
		}
	}
	return content;
}