gulp-replace-md5
Advanced tools
Readme
A gulp plugin to replace static file url with file-md5.
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>
options {Object}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.
FAQs
A gulp plugin to replace static file url with file-md5.
We found that gulp-replace-md5 demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
CISA launched a new project called Vulnrichment to enrich CVEs with details that help prioritize patching and mitigation efforts, as the NVD backlog of unenriched CVEs awaiting analysis surpasses 10,000.
Security News
Socket is joining forces with CISA and other industry leaders at the RSA Conference to sign the Secure by Design pledge, committing to uphold the highest security standards in our products.
Research
The Socket research team breaks down a sampling of malicious packages that download and execute files, among other suspicious behaviors, targeting the popular Discord platform.