❤Now Particularly Misnamed

    npm

    Sign UpSign In

    gulp-yfy-rev

    1.0.6 • Public • Published

    gulp-yfy-rev

    gulp 插件--添加hash

    Installation

    yarn add gulp-yfy-rev --dev

    Usage

    var gulp = require('gulp');
    var yfyRev = require('gulp-yfy-rev');
     
    gulp.task('rev',function() {
        gulp.src("./test/demo.html")
            .pipe(yfyRev())
            .pipe(gulp.dest('./'));
    });

    Options

    hashLen: hash长度

    Type: Number default: 7

    tail: hash位置是否在最后

    Type: Blooean default: false

    verConnecter: 连接符

    Type: String default: '-'

    rootPath: root目录（绝对路径）

    Type: String default: ""

    verStr: 自定义版本号

    Type: String

    Example

    var gulp = require('gulp');
    var yfyRev = require('./index.js');
     
    gulp.task('rev',['revCss'],function() {
        gulp.src("./test/demo.html")
            .pipe(yfyRev())
            .pipe(gulp.dest('./dest'));
    });
     
    gulp.task('revCss',function () {
        return gulp.src('./test/styles/demo.css')
            .pipe(yfyRev())
            .pipe(gulp.dest('./dest/styles/'))
    });
    gulp.task('default',['rev']);

    before: test.css

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

    after: test.css

    body{background:url("../images/bg_2769acd.png"}

    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_0ede2cf.css" type="text/css" />
    </head>
    <body>
        <div>
            <img src="./images/test_25cf2b4.png" />
        </div>
        <script src="./scripts/test_8ced4e6.js" type="text/javascript"></script> 
    </body>
    </html>

    Keywords

    Install

    npm i gulp-yfy-rev

    Repository

    Gitgithub.com/yuhonyon/gulp-yfy-rev

    Homepage

    github.com/yuhonyon/gulp-yfy-rev#readme

    DownloadsWeekly Downloads

    1

    Version

    1.0.6

    License

    MIT

    Last publish

    Collaborators

    • yuhonyon
    Try on RunKit
    Report malware