gulp-pre-combo

v1.0.14

Published

2 years ago

A gulp plugin to handle relative-path in html file.

Downloads

0High
0Medium
0Low

real0n

html relative path css js combo pre

gulp-pre-combo

Usage

Initially, install gulp-pre-combo as a development dependency:

npm install --save gulp-pre-combo

Then, create task using gulp-pre-combo, which might look similar as below:

'use strict';
var gulp = require('gulp'),
	precombo = require('gulp-pre-combo');
gulp.task('pre-combo', function () {
	var repoinfo = require('../../repo-info.json');
	gulp.src('src/**/*.html')
		.pipe(precombo(repoinfo))
		.pipe(gulp.dest('build'));
})

Finally, fire gulp task:

gulp pre-combo

HTML

	<!DOCTYPE HTML>
	<html lang="en">
	<head>
	    <meta charset="utf-8">
	    <title>abc</title>
	    <link rel="stylesheet" type="text/css" href="./index.css">
	    <link rel="stylesheet" type="text/css" href="./index2.css">
	    <link rel="stylesheet" type="text/css" href="./index3.css" data-ignore="true">
	    <link rel="stylesheet" type="text/css" href="./index4.css" data-ignore="true">
	    <link rel="stylesheet" type="text/css" href="./index5.css">
	    <link rel="stylesheet" type="text/css" href="./index6.css">
	</head>
	<body>
		<!--content-->
	<script src="./index.js"></script>
	<script src="./index2.js"></script>
	</body>
	</html>

OUTPUT

	<!DOCTYPE HTML>
	<html lang="en">
	<head>
	    <meta charset="utf-8">
	    <title>abc</title>
	    <link rel="stylesheet" type="GROUPNAME/REPONAME/VERSION/PATH/TO/FILE/index.min.css">
	    <link rel="stylesheet" type="text/css" href="GROUPNAME/REPONAME/VERSION/PATH/TO/FILE/index2.min.css">
		<link rel="stylesheet" type="text/css" href="./index3.css" data-ignore="true">
	    <link rel="stylesheet" type="text/css" href="./index4.css" data-ignore="true">
	    <link rel="stylesheet" type="text/css" href="GROUPNAME/REPONAME/VERSION/PATH/TO/FILE/index5.min.css">
	    <link rel="stylesheet" type="text/css" href="GROUPNAME/REPONAME/VERSION/PATH/TO/FILE/index6.min.css">
	</head>
	<body>
		<script src="GROUPNAME/REPONAME/VERSION/PATH/TO/FILE/index.min.js"></script>
		<script src="GROUPNAME/REPONAME/VERSION/PATH/TO/FILE/index2.min.js"></script>
	</body>
	</html>

changelog

2015-11-03 Filter label with the 'http://'

Published

Vulnerabilities

Links

Maintainers

Keywords

Readme

gulp-pre-combo

Usage

HTML

OUTPUT

changelog