javascript - Gulpjs 连接和文件名

Question

我正在寻找一种方法来将文件名作为注释插入到流中的每个文件中。因此，毕竟在串联的目标文件中，您将有一个带有文件路径的注释行。

它现在做什么:

pseudocode: concat(file1, file2) 
# output: 
# contents of file 1
# contents of file 2

我想要实现的目标:

pseudocode: concat(add_comments(file1, file2))
# output: 
# // file1
# contents of file 1
# // file2
# contents of file 2

Answer 1

您可以使用 the gulp-wrap plugin在连接之前添加文件名:

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

// in your task...
    return gulp.src('src/**/*.js')
        .pipe(wrap('//<%= file.path %>\n<%= contents %>'))
        .pipe(concat('output.js'))
        .pipe(gulp.dest('build'))

wrap 插件允许您使用 lodash(或下划线)模板包装流中项目的内容。它自动提供 contents 和 file.* 属性。

我创建的模板非常简单:它输出两个斜线用于注释，文件的路径，一个换行符，然后输出与传入的相同的内容。