使用 gulp 将多个特定文件和文件夹复制到另一个目录

Question

我正在尝试使用gulp.src和gulp.dest将多个文件和文件夹从我的基目录.复制到新的子目录dist。

基目录是Symfony项目的根目录。

这是我的gulpfile：

var files = [
'./app**/*.*',
'./bin**/*.*',
'./src**/*.*',
'./tests**/*.*',
'./var/',
'./vendor/',
'./composer.json']
gulp.task('distribute', function() {
return gulp.src(files , { base: '.' }).pipe(gulp.dest('./dist'));
});

我只是不明白，为什么这不起作用。结果，我得到了一个包含指定文件夹内容的dist文件夹。因此，app、bin、src等都缺少根文件夹。

Answer 1

移动目录本身

根据使用 gulp 选择和移动目录及其文件，对base选项使用./，并确保路径正确：

var files = [
'./app/**/*.*',
'./bin/**/*.*',
'./src/**/*.*',
'./tests/**/*.*',
'./var/',
'./vendor/',
'./composer.json'
];
gulp.task('distribute', function() {
return gulp.src(files , { base: './' })
.pipe(gulp.dest('dist'));
});

在每个目录中移动文件

不要使用base选项并稍微改变您的路径。

var files = [
'app/**/*.*',
'bin/**/*.*',
'src/**/*.*',
'tests/**/*.*',
'var/',
'vendor/',
'composer.json'
];
gulp.task('distribute', function() {
return gulp.src(files)
.pipe(gulp.dest('./dist'));
});

将每个目录作为任务威胁的灵活方式

如果要自己移动文件夹，只需使用任务生成器功能为每个文件夹创建一个任务即可。

function moveDirTask(dir, dest) {
return function() {
return gulp.src(`${dir}/**/*`)
.pipe(gulp.dest(`${dest}/${dir}/`));
};
}
gulp.task('move-app', moveDirTask('app', 'dest'));
gulp.task('move-bin', moveDirTask('bin', 'dest'));
gulp.task('move-src', moveDirTask('src', 'dest'));
gulp.task('move-tests', moveDirTask('tests', 'dest'));
// etc.
gulp.task('distribute', [
'move-app',
'move-bin',
'move-src',
'move-tests'
// etc.
], function() {
return gulp.src('composer.json')
.pipe(gulp.dest('dest'));
});