0.0.11 • Published 10 years ago

gulp-replace-md5 v0.0.11

Weekly downloads
37
License
-
Repository
-
Last release
10 years ago

gulp-replace-md5

A gulp plugin to replace static file url with file-md5.

Usage

var gulp = require("gulp"),
    gulpReplaceMd5 = require("gulp-replace-md5");

gulp.task("replaceMd5", function() {

    return gulp.src("../html/**")
        // options is optional
        .pipe(gulpReplaceMd5( options ) )
        .pipe(gulp.dest("./output"));
});

Before the html is like this.

<!doctype html>
<head>
<link rel="stylesheet" type="text/css" href="{{../css/hello.css}}" />
</head>
<body>
<script src="{{../js/hello.js}}"></script>
</body>
</html>

After replacement, the html is like this.

<!doctype html>
<head>
<link rel="stylesheet" type="text/css" href="../css/hello_7df0asdf3.css" />
</head>
<body>
<script src="../js/hello_8df7asdf9.js"></script>
</body>
</html>

gulpReplaceMd5(options)

  • options {Object}

Options

  • openTag default {{.
  • closeTag default }}. Only those surrounded with openTag and closeTag will be replaced.
<!doctype html>
<head>
    <title></title>
    <link href="{{../css/hello.css}}" type="text/css" rel="stylesheet"/>
</head>
<body>
<script src="{{../js/hello.js}}" ></script>
<!-- this js won't be replaced -->
<script src="../js/world.js" ></script>
</body>
</html>
  • hashFunction You can define the hashFunction yourself. Currently, the hashFunction is listed below. you can redefined it according to your demands.
// transfer the {{../js/hello.js}} to ../js/hello_md5.js
function(filename) {
     return function(content) {
            return filename.split('.').map(function(item, i, arr) {
                // calcMd5 is a self-defined md5 function
                return i == arr.length - 2 ? item + '_' + calcMd5(content) : item;
            }).join('.');
     }
}
  • staticHash Optional. Sometimes, you want to designate some url's corresponding urls. Use this.
    {
        "../js/a.js": "../js/a_md5ed.js",
        "../js/b.js": "../js/b_md5ed.js",
        "../css/a.css": "../css/a_md5ed.css",
        "../css/b.css": "../css/b_md5ed.css"
    }
  • base defaut ''. If there are absolute path in your html or other files. base must be set.

  • staticPrefix, you can add staticPrefix before your static files.

0.0.11

10 years ago

0.0.10

10 years ago

0.0.9

10 years ago

0.0.8

10 years ago

0.0.7

10 years ago

0.0.6

10 years ago

0.0.5

10 years ago

0.0.4

10 years ago

0.0.3

10 years ago

0.0.2

10 years ago

0.0.1

10 years ago