在gulp.src()中获取当前文件名

6ju8rftf  于 2022-12-08  发布在  Gulp
关注(0)|答案(6)|浏览(149)

在我的gulp.js文件中,我将所有HTML文件从examples文件夹流到build文件夹中。
创造大口的任务并不难:

var gulp = require('gulp');

gulp.task('examples', function() {
    return gulp.src('./examples/*.html')
        .pipe(gulp.dest('./build'));
});

但我想不出如何检索的文件名发现(和处理)的任务,或者我找不到正确的插件。

gwo2fgha

gwo2fgha1#

我不确定您要如何使用文件名,但以下其中一个应该会有所帮助:

  • 如果你只想看到名字,你可以使用gulp-debug这样的代码,它列出了黑胶唱片文件的详细信息。
var gulp = require('gulp'),
    debug = require('gulp-debug');

gulp.task('examples', function() {
    return gulp.src('./examples/*.html')
        .pipe(debug())
        .pipe(gulp.dest('./build'));
});
  • 另一个选项是gulp-filelog,我没有使用过,但听起来很相似(可能更干净一点)。
  • 另一个选项是gulp-filesize,它同时输出文件及其大小。
  • 如果您想要更多的控制,可以使用gulp-tap之类的东西,它允许您提供自己的函数并查看管道中的文件。
7uzetpgm

7uzetpgm2#

我发现这个插件正在做我所期望的:gulp-using
简单用法示例:搜索项目中扩展名为.jsx的所有文件

gulp.task('reactify', function(){
        gulp.src(['../**/*.jsx']) 
            .pipe(using({}));
        ....
    });

输出量:

[gulp] Using gulpfile /app/build/gulpfile.js
[gulp] Starting 'reactify'...
[gulp] Finished 'reactify' after 2.92 ms
[gulp] Using file /app/staging/web/content/view/logon.jsx
[gulp] Using file /app/staging/web/content/view/components/rauth.jsx
yhqotfr8

yhqotfr83#

下面是另一个简单的方法。

var es, log, logFile;

es = require('event-stream');

log = require('gulp-util').log;

logFile = function(es) {
  return es.map(function(file, cb) {
    log(file.path);
    return cb(null, file);
  });
};

gulp.task("do", function() {
 return gulp.src('./examples/*.html')
   .pipe(logFile(es))
   .pipe(gulp.dest('./build'));
});
pb3s4cty

pb3s4cty4#

可以使用gulp-filenames模块来获取路径数组,甚至可以按名称空间对它们进行分组:

var filenames = require("gulp-filenames");

gulp.src("./src/*.coffee")
    .pipe(filenames("coffeescript"))
    .pipe(gulp.dest("./dist"));

gulp.src("./src/*.js")
  .pipe(filenames("javascript"))
  .pipe(gulp.dest("./dist"));

filenames.get("coffeescript") // ["a.coffee","b.coffee"]  
                              // Do Something With it
wgmfuz8q

wgmfuz8q5#

对于我的情况gulp-ignore是完美的。作为选项,你可以在那里传递一个函数:

function condition(file) {
 // do whatever with file.path
 // return boolean true if needed to exclude file 
}

任务如下所示:

var gulpIgnore = require('gulp-ignore');

gulp.task('task', function() {
  gulp.src('./**/*.js')
    .pipe(gulpIgnore.exclude(condition))
    .pipe(gulp.dest('./dist/'));
});
ctehm74n

ctehm74n6#

如果要在Typescript中使用@OverZealous'答案(https://stackoverflow.com/a/21806974/1019307),则需要使用import而不是require

import * as debug from 'gulp-debug';

...

    return gulp.src('./examples/*.html')
        .pipe(debug({title: 'example src:'}))
        .pipe(gulp.dest('./build'));

(我还添加了一个title)。

相关问题