Question

我试图将gulp-rev与browserify进行整合。我似乎无法使用gulp-useref和gulp-rev-replace将已浏览的文件替换为已加速的文件。

到目前为止，我只是将这些任务用于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))
....

Browserify，Gulp Rev和Gulp使用Ref？

1 个答案: