Gulp-append-rev NPM

gulp-append-rev

gulp打包静态资源添加版本号

installation

$ npm install gulp-append-rev --save-dev

gulp打包设置

gulpfile.js

var rev = require('gulp-append-rev');

gulp.task('rev', function() {
  gulp.src('./index.html')
    .pipe(rev({root:"build"}))  
    .pipe(gulp.dest('.'));
});

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

what?

通过正则匹配处理: (?:href|src)="(.*)[\?]rev=(.*)[\"]

页面中加载静态资源:

<!doctype html>
<html>
  <head>
    <link rel="stylesheet" type="text/css" href="style/style-one.css?rev=@@hash">
    <script src="script/script-one.js?rev=@@hash"></script>
    <script src="script/script-two.js"></script>
  </head>
  <body>
    <div><p>hello, world!</p></div>
    <script src="script/script-three.js?rev=@@hash"></script>
  </body>
</html>

执行以后 gulp-append-rev:

<!doctype html>
<html>
  <head>
    <link rel="stylesheet" type="text/css" href="style/style-one.css?rev=d65aaba987e9c1eefeb4be9cfd34e0de">
    <script src="script/script-one.js?rev=17a5da6c8a2d875cf48aefb722eefa07"></script>
    <script src="script/script-two.js"></script>
  </head>
  <body>
    <div><p>hello, world!</p></div>
    <script src="script/script-three.js?rev=5cadf43edba6a97980d42331f9fffd17"></script>
  </body>
</html>

该模块，通过修改模块gulp-rev-append而来，扩展参数配置功能

gulp-append-rev gulp gulpplugin revision

event-stream gulp-util

@infinitebrahmanuniverse/nolb-gulp-a @everything-registry/sub-chunk-1804

1.0.0

8 years ago