使用 Gulp 选择和移动目录及其文件

目前，我正在使用 Gulp 调用一个 bash 脚本来清理我的 dist/目录，并将适当的文件移动到干净的目录。我希望这是用 Gulp 完成的，因为我不确定这个脚本是否适用于非 * nix 文件系统。
到目前为止，我使用 Gulp-clean 模块来清理 dist/目录，但是当我试图将所需的目录及其文件移动到 dist 文件夹时，这些目录是空的。

var gulp = require('gulp'),
clean = require('gulp-clean');


gulp.task('clean', function(){
return gulp.src(['dist/*'], {read:false})
.pipe(clean());
});


gulp.task('move',['clean'], function(){
gulp.src(['_locales', 'icons', 'src/page_action', 'manifest.json'])
.pipe(gulp.dest('dist'));
});


gulp.task('dist', ['move']);

调用 gulp dist会导致使用正确的目录填充 dist/目录，但是它们都是空的

$ ls dist/*
dist/manifest.json


dist/_locales:


dist/icons:


dist/page_action:

如何将目录及其内容复制到 dist/文件夹？

81153 次浏览
小开
最佳答案

You need to include the base option to src, which will preserve the file structure the way you want:

var filesToMove = [
'./_locales/**/*.*',
'./icons/**/*.*',
'./src/page_action/**/*.*',
'./manifest.json'
];


gulp.task('move',['clean'], function(){
// the base option sets the relative root for the set of files,
// preserving the folder structure
gulp.src(filesToMove, { base: './' })
.pipe(gulp.dest('dist'));
});

Also, you are probably going to have trouble down the road if you have all these source files in the root of your project.

If you can, I'd recommend you use a single src/ folder and move all your application-specific files into there. This makes maintenance easier moving forward, and prevents your build-specific files from getting mixed up with your application-specific files.

If you do this, then simply replace all occurrences of ./ with src/ in the example above.

小开

The original question targets only directories (a.k.a. folders) in its gulp.src, i.e. gulp.src(['_locales', ... in this example, _locales is the name of a directory.

The accepted answer uses a glob pattern in its gulp.src to target files anywhere in those directories, i.e. gulp.src(['./_locales/**/*.*', ..., (notice the double-asterisks, and the filename.extension asterisks). The accepted answer works...

...but the accepted answer only emphasizes the base option:

You need to include the base option to src...

I experimented and found:

  1. Strictly speaking, it is unnecessary to use the base option to achieve what the OP asked: "...and moves the appropriate files to the clean directory." The base option does indeed preserve the folder+file structure (as described in the accepted answer), but the base option is not sufficient to move the files as the OP asked. Preserving the folder+file structure is probably what the OP expects, so the accepted answer is good, but...

  2. Just to reiterate what does move the files, it's the glob patterns:

    1. Double-asterisk (.../**/...) searches recursively throughout all subfolders, and subfolders' subfolders', etc.

    2. Filename.extension asterisks (.../*.*) finds files of all names, and all extensions. So I think this part deserves the most emphasis!

  3. The accepted answer changes something else; it adds a prefix of ./ to each path arguments passed to gulp.src. I think that's unnecessary/redundant; if there is no ./, (as in the OP question), the paths are resolved relative to the current directory -- resulting in the same behavior. But maybe it's good practice to be explicit with the ./

Let me know if I'm mistaken...


提交答案