Làm cách nào để sao chép thư mục đệ quy với gulp?

Tôi đang cố gắng thực hiện một dự án từ một thư mục làm việc đến một máy chủ (cùng một máy). Sử dụng mã sau:

gulp.src([
    'index.php',
    'css/**',
    'js/**',
    'src/**',
])
.pipe(gulp.dest('/var/www/'));

Tôi hy vọng sẽ thấy tất cả các tập tin được sao chép. Tuy nhiên, nó làm phẳng cấu trúc thư mục - tất cả các thư mục được sao chép nhưng mọi tệp được đặt trong thư mục gốc/var/www

Gulp có vẻ như là một công cụ xây dựng tuyệt vời nhưng sao chép các mục nên là một quá trình đơn giản chắc chắn?

Các công việc sau đây mà không làm phẳng cấu trúc thư mục:

gulp.src(['input/folder/**/*']).pipe(gulp.dest('output/folder'));

Đây '**/*'là phần quan trọng. Biểu thức đó là một quả cầu là một công cụ chọn tệp mạnh mẽ. Ví dụ: để chỉ sao chép các tệp .js, hãy sử dụng:'input/folder/**/*.js'

Hóa ra để sao chép một cấu trúc thư mục hoàn chỉnh gulpcần phải được cung cấp một cơ sở cho gulp.src()phương thức của bạn .

Vì vậy, gulp.src( [ files ], { "base" : "." })có thể được sử dụng trong cấu trúc trên để sao chép tất cả các thư mục đệ quy.

Nếu, giống như tôi, bạn có thể quên điều này thì hãy thử:

gulp.copy=function(src,dest){
    return gulp.src(src, {base:"."})
        .pipe(gulp.dest(dest));
};

Vì vậy - giải pháp cung cấp một công trình cơ sở cho rằng tất cả các đường dẫn có cùng đường dẫn cơ sở. Nhưng nếu bạn muốn cung cấp các đường dẫn cơ sở khác nhau, điều này vẫn không hoạt động.

Một cách tôi đã giải quyết vấn đề này là bằng cách bắt đầu con đường tương đối. Đối với trường hợp của bạn:

gulp.src([
    'index.php',
    '*css/**/*',
    '*js/**/*',
    '*src/**/*',
])
.pipe(gulp.dest('/var/www/'));

Lý do điều này hoạt động là vì Gulp đặt cơ sở là phần cuối của đoạn rõ ràng đầu tiên - phần đầu * khiến nó đặt cơ sở ở cwd (đó là kết quả mà tất cả chúng ta đều muốn!)

Điều này chỉ hoạt động nếu bạn có thể đảm bảo cấu trúc thư mục của mình sẽ không có đường dẫn nhất định có thể khớp hai lần. Ví dụ: nếu bạn có randomjs/cùng cấp độ js, bạn sẽ kết hợp cả hai.

Đây là cách duy nhất mà tôi đã tìm thấy để bao gồm những thứ này như là một phần của hàm gulp.src cấp cao nhất. Tuy nhiên, có thể đơn giản để tạo một plugin / chức năng có thể tách ra từng khối đó để bạn có thể chỉ định thư mục cơ sở cho chúng, tuy nhiên.

Nếu bạn muốn sao chép toàn bộ nội dung của một thư mục theo cách đệ quy vào một thư mục khác, bạn có thể thực thi lệnh windows sau từ gulp:

xcopy /path/to/srcfolder /path/to/destfolder /s /e /y

Các /ytùy chọn ở cuối là để ngăn chặn các thông báo xác nhận ghi đè.

Trong Linux, bạn có thể thực thi lệnh sau từ gulp:

cp -R /path/to/srcfolder /path/to/destfolder

bạn có thể sử dụng gulp-exec hoặc plugin gulp-run để thực thi các lệnh hệ thống từ gulp.

Liên kết liên quan:

1. sử dụng xcopy

2. gulp-exec và gulp-run