Question

我的文件结构如下所示：

src/js/core.js
src/js/lazyloadme.js

使用gulp-rev和gulp-rename后，我的gulp进程会输出以下内容：

dist/js/core-f9aj9sw.min.js
dist/js/lazyloadme-h2a39sg.min.js

在core.js中我引用了lazyloadme.js，因为我需要延迟加载它，但是由于文件被重命名，这不起作用。我如何搜索core.js以获取对lazyloadme.js的引用，并将其替换为带有gulp的新文件名？

Answer 1

Gulp-rev-replace似乎很好用。

例如lazyloadme.js替换为lazyloadme-2a3f573b.min.js。

var gulp = require('gulp');
var rev = require('gulp-rev');
var revReplace = require('gulp-rev-replace');
var rename = require('gulp-rename');

gulp.task('default', function() {
    return gulp.src('src/js/*.js')
        .pipe(rev())
        .pipe(rename(function(file) {
            file.extname = '.min.js';
        }))
        .pipe(revReplace())
        .pipe(gulp.dest('dist/js'));
});

Gulp在javascript中替换reved / renamed文件的出现

1 个答案: