Getting Started 11 Automatically add version numbers

Basic usage

const { src, dest, series, watch, parallel } = require("gulp");const rev = require("gulp-rev");function clean(cb) {console.log("clean up");cb();}function js(cb) {console.log("processing js");src("./src/js/*.js").pipe(rev()).pipe(dest("./dist/js"));cb();}function css(cb) {console.log("processing css");cb();}const Run = series(clean, js, css);exports.default = Run;

Generate with random version number

Every time html is introduced into js, ​​the version number must be modified, which is unscientific and modified

Generate rev-manifest.json file

const { src, dest, series, watch, parallel } = require("gulp");const rev = require("gulp-rev");function clean(cb) {console.log("clean up");cb();}function js(cb) {console.log("processing js");src("./src/js/*.js").pipe(rev()).pipe(dest("./dist/js")).pipe(rev.manifest()).pipe(dest('./dist/rev/js'));cb();}function css(cb) {console.log("processing css");cb();}const Run = series(clean, js, css);exports.default = Run;

After generating the rev-manifest.json file, html accesses the content of the generated version number and the problems encountered

Original html

After html parsing

-----------------------------------------------------------------------------------------------------------------------------