0.0.1 • Published 6 years ago

gulp-suffix-time v0.0.1

Weekly downloads
1
License
ISC
Repository
github
Last release
6 years ago

gulp-suffix-time

Add a timestamp to a static file (?v=)

Install

npm install gulp-suffix-time

Usage

var gulp = require('gulp');
var suffixTime = require('gulp-suffix-time');

gulp.task('rev',function() {
    gulp.src("./test/test.html")
        .pipe(suffixTime())
        .pipe(gulp.dest('./'));
});

Parameter

Example

var gulp = require('gulp');
var suffixTime = require('gulp-suffix-time');

gulp.task('suffix',['suffixCss'],function() {
    gulp.src("./test/test.html")
        .pipe(suffixTime())
        .pipe(gulp.dest('./test/'));
});

gulp.task('suffixCss',function () {
    return gulp.src('./test/styles/test.css')
        .pipe(suffixTime())
        .pipe(gulp.dest('./test/styles/'))
});
gulp.task('default',['suffix']);

before: test.css

body{background:url('../images/bg.png')}

after: test.css

body{background:url("../images/bg.png?v=201804161844"}

before: test.html

<html lang="en">
<head>
    <meta charset="utf-8"/>
    <title></title>
    <link rel="stylesheet" href="./styles/test.css" type="text/css" />
</head>
<body>
    <div>
        <img src="./images/test.png" />
    </div>
    <script src="./scripts/test.js" type="text/javascript"></script>
</body>
</html>

after: test.html

<html lang="en">
<head>
    <meta charset="utf-8"/>
    <title></title>
    <link rel="stylesheet" href="./styles/test.css?v=201804161844" type="text/css" />
</head>
<body>
    <div>
        <img src="./images/test.png?v=201804161844" />
    </div>
    <script src="./scripts/test.js?v=201804161844" type="text/javascript"></script>
</body>
</html>