Browserify、Gulp Rev 和 Gulp 使用 Ref?

Question

我正在尝试将gulp-rev 与browserify 集成。我似乎无法让 gulp-useref 和 gulp-rev-replace 用 revved 文件替换 browserified 文件。

到目前为止，我只为 useref 和 browserify 完成了这些任务：

gulp.task('html', function() {
  var assets = useref.assets();

  return gulp.src('app/*.html')
    .pipe(assets)
    .pipe(gulpif('*.js', uglify()))
    .pipe(gulpif('*.css', minifyCSS()))
    .pipe(buffer())
    .pipe(rev())
    .pipe(assets.restore())
    .pipe(useref())
    .pipe(revReplace())
    .pipe(gulp.dest('dist'));
});

gulp.task('browserify', ['lint'], function() {
  var bundleStream = browserify('./app/scripts/app.js').bundle();

  return bundleStream
    .pipe(source('bundle.js'))
    .pipe(gulp.dest('dist/static/js'));
});

我只是从包中复制了文档中的内容。

谢谢！

Answer 1

我目前在一个类似的问题上打开了question - 我得到了正确的文件，但未能使用 gulp-useref 将它们注入到 html 中。我怀疑我在我的案例中使用的目录有些犯规，但现在我选择使用不同的缓存清除方案：

var cb = Math.random();

....
.pipe($.replace('dist/css/lib.css', 'dist/css/lib.css?cb=' + cb))
....