gulp-md5-test

gulpfile.js

var gulp = require('gulp'),
  md5Plus = require('gulp-md5-plus'),
   md5Assets = require('gulp-md5-assets');

/* gulp-md5-plus demo */
/**
*   测试结果如下，可以修改 css 的名字和 css 引用的图片名字，
*   也可以修改 html 对 css 的引用。
*   task md5Plus 是修改 html 对静态资源的引用，
*   task img 是修改 css 和 css 引用图片的名字。
*   （ps:以上修改是直接修改静态资源文件名，如 test.css -> test_5eaf9499ae.css
*    如果要加版本号的方式可以使用 gulp-md5-assets。）
*/
gulp.task('md5Plus', function(){
  gulp.src('./dist/output/*.css')
    .pipe(md5Plus(10,'./dist/output/testCacheBust.html'))
    .pipe(gulp.dest('./dist/output/static'));
});

gulp.task('img', function(){
  var imgSrc = './dist/css/**',
    quoteSrc = './dist/css/*.css',
    imgDst = './dist/static';

  return gulp.src(imgSrc)
          .pipe(md5Plus(10, quoteSrc))
          .pipe(gulp.dest(imgDst));
});

/* gulp-md5-assets demo  miss */
/**
*   Please refer to the official documentation
*   https://www.npmjs.com/package/gulp-md5-assets
*/


gulp.task('default', function(){
  console.log('default task start...');
  gulp.start('md5Plus');
})