Gulp.js从.src()获取文件名

Question

我正在尝试使用gulp-proceesshtml(https://github.com/julien/gulp-processhtml)删除我的构建版本中的一些不需要的代码,问题是该任务需要给出文件名.

gulp.src('test.html').pipe(processhtml('test.html'));

但是当我处理文件夹中的所有HTML文件时,我无法弄清楚这是如何工作的

gulp.src('*.html).pipe(processhtml('filename here'));

Answer 1

就个人而言,听起来这是你想要完成的错误的插件. 见下文.

但是,因为不清楚您使用它是什么,所以您可以使用node-glob逐个处理每个文件:

var glob = require('glob')
    // you also need event-stream for merging the streams
    es = require('event-stream');

gulp.task('myTask', function() {
    var files = glob.sync('*.html'),
        streams;
    streams = files.map(function(file) {
                // add the *base* option if your files are stored in
                // multiple subdirectories
        return gulp.src(file, {base: 'relative/base/path'})
                // may need require('path').filename(file)
                .pipe(processhtml(file));
    });

    return es.merge.apply(es, streams);
});

这将从与初始模式匹配的每个文件中创建单个异步流.

只需从文件中删除一些文本,就可以使用gulp-replace,如下所示:

var replace = require('gulp-replace');

gulp.src('*.html')
   // replaces all text between
   // <!-- remove-this --> and <!-- /remove-this -->
   .pipe(replace(/<!--\s*remove-this\s*-->[\s\S]*?<!--\s*\/remove-this\s*-->/g, ''));

Answer 2

我知道这个问题已经很老了，但是对于更短的解决方案，您可以使用gulp-tap，如下所示：

.pipe(tap(function(file, t) {
    console.log(file.path);
 }))

如果您需要在管道的其他步骤中使用文件名，您可以将其存储在变量中并将其用于下一步。