使用 gulp 复制文件
Posted
技术标签:
【中文标题】使用 gulp 复制文件【英文标题】:copying files with gulp 【发布时间】:2016-04-22 22:02:20 【问题描述】:我有一个应用程序。我的应用源代码结构如下:
./
gulpfile.js
src
img
bg.png
logo.png
data
list.json
favicon.ico
web.config
index.html
deploy
我正在尝试使用 Gulp 复制两个文件:./img/bg.png 和 ./data/list.json。我想将这两个文件复制到部署目录的根目录。也就是说,任务的结果应该是:
./
deploy
imgs
bg.png
data
list.json
如何编写 Gulp 任务来进行这种类型的复制?让我感到困惑的是,我希望我的任务复制两个单独的文件,而不是适合某个模式的文件。我知道如果我有一个模式,我可以这样做:
var copy = require('gulp-copy');
gulp.task('copy-resources', function()
return gulp.src('./src/img/*.png')
.pipe(gulp.dest('./deploy'))
;
);
但是,我仍然不确定如何处理两个单独的文件。
谢谢
【问题讨论】:
【参考方案1】:您可以为每个目标目录创建单独的任务,然后使用通用的“复制资源”任务将它们组合起来。
gulp.task('copy-img', function()
return gulp.src('./src/img/*.png')
.pipe(gulp.dest('./deploy/imgs'));
);
gulp.task('copy-data', function()
return gulp.src('./src/data/*.json')
.pipe(gulp.dest('./deploy/data'));
);
gulp.task('copy-resources', ['copy-img', 'copy-data']);
【讨论】:
如果我需要将文件放在两个单独的目录中怎么办?我刚刚更新了我的问题。我犯了一个错误。【参考方案2】:你也可以使用合并流
安装依赖:
npm i -D merge-stream
在你的 gulp 文件中加载依赖并使用它:
const merge = require("merge-stream");
gulp.task('copy-resources', function()
return merge([
gulp.src('./src/img/*.png').pipe(gulp.dest('./deploy/imgs')),
gulp.src('./src/data/*.json').pipe(gulp.dest('./deploy/data'))
]);
);
【讨论】:
以上是关于使用 gulp 复制文件的主要内容,如果未能解决你的问题,请参考以下文章