Lấy tên tệp hiện tại trong gulp.src ()

Trong tệp gulp.js của tôi, tôi truyền tất cả các tệp HTML từ examplesthư mục vào buildthư mục.

Để tạo ra nhiệm vụ gulp không khó:

var gulp = require('gulp');

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

Nhưng tôi không thể tìm ra cách lấy tên tệp được tìm thấy (và được xử lý) trong tác vụ hoặc tôi không thể tìm thấy plugin phù hợp.

Tôi không chắc bạn muốn sử dụng tên tệp như thế nào, nhưng một trong số này sẽ giúp:

• Nếu bạn chỉ muốn xem tên, bạn có thể sử dụng một cái gì đó như gulp-debug, liệt kê chi tiết của tệp vinyl. Chèn cái này vào bất cứ đâu bạn muốn có một danh sách, như vậy:

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

• Một tùy chọn khác là gulp-filelog, tôi chưa sử dụng, nhưng âm thanh tương tự (nó có thể sạch hơn một chút).

• Một tùy chọn khác là gulp-filesize, xuất ra cả tệp và kích thước của nó.

• Nếu bạn muốn kiểm soát nhiều hơn, bạn có thể sử dụng một cái gì đó như gulp-tap, cho phép bạn cung cấp chức năng của riêng bạn và xem các tệp trong đường ống.

Tôi tìm thấy plugin này để làm những gì tôi mong đợi: sử dụng gulp

Ví dụ sử dụng đơn giản: Tìm kiếm tất cả các tệp trong dự án với phần mở rộng .jsx

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

Đầu ra:

[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

Đây là một cách đơn giản khác.

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();
  });
};

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

Bạn có thể sử dụng mô-đun gulp-filenames để lấy mảng đường dẫn. Bạn thậm chí có thể nhóm chúng theo không gian tên:

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 

Đối với trường hợp của tôi gulp-bỏ qua là hoàn hảo. Như tùy chọn, bạn có thể vượt qua một chức năng ở đó:

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

Và nhiệm vụ sẽ như thế này:

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

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

Nếu bạn muốn sử dụng câu trả lời @OverZealous '( https://stackoverflow.com/a/21806974/1019307 ) trong Bản mô tả, bạn cần importthay vì require:

import * as debug from 'gulp-debug';

...

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

(Tôi cũng đã thêm a title).