A gulp plugin gulp-combo will combo all scripts and links in a html page.
You can optionally pass a first argument along with the baseUri to override the default baseUri statements. The default baseUri looks like this:
baseUri = 'http://mc.yourdomainname.net/combo/?f=';
You can also optionally pass a second argument along with the options to override the default options statements. The default options looks like this:
{
splitter: ';',
async: false
}
<!DOCTYPE HTML>
<html style="font-size:312.5%">
<head>
<meta charset="UTF-8">
<title>Gulp-combo</title>
<link href="http://mc.yourdomainname.net/touch/css/awesome.0c7f2f70.css" rel="stylesheet"/>
<link href="http://mc.yourdomainname.net/touch/css/test.css" rel="stylesheet"/>
</head>
<body>
<script type="text/javascript" src="http://mc.yourdomainname.net/zepto/zepto-1.0.1.min.js"></script>
<script type="text/javascript" src="http://mc.yourdomainname.net/assets/js/vue.js"></script>
<script type="text/javascript">
init();
</script>
</body>
</html>
var gulp = require('gulp'),
combo = require('gulp-combo');
gulp.task('combo', function(){
var baseUri = 'http://mc.yourdomainname.net/combo?f=';
gulp.src('index.html')
.pipe(combo(baseUri, null))
.pipe(gulp.dest('build'));
});
<!DOCTYPE HTML>
<html style="font-size:312.5%">
<head>
<meta charset="UTF-8">
<title>Gulp-combo</title>
<link rel="stylesheet" href="http://mc.yourdomainname.net/combo?f=touch/css/awesome.0c7f2f70.css;touch/css/test.css" />
</head>
<body>
<script type="text/javascript" src="http://mc.yourdomainname.net/combo?f=zepto/zepto-1.0.1.min.js;assets/js/vue.js"></script>
<script type="text/javascript">
init();
</script>
</body>
</html>
MIT