首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

带glob gulp.src的gulp.dest -使其成为相对的

答案:

gulp.dest是Gulp构建工具中的一个方法,用于将处理后的文件输出到指定的目录中。它的作用是将通过Gulp流(Stream)处理后的文件保存到硬盘上。

具体来说,gulp.dest函数接收一个参数,即文件输出的目标路径。它会创建相应的目录(如果目录不存在),并将经过处理的文件保存到该目录中。

在使用gulp.dest方法时,可以搭配gulp.src方法使用。gulp.src用于获取源文件,而gulp.dest用于指定文件输出路径。

例如,使用gulp.src获取源文件,然后通过gulp.dest将处理后的文件输出到指定目录中的示例代码如下:

代码语言:txt
复制
const gulp = require('gulp');

gulp.task('copy', function() {
  return gulp.src('src/*.js')
    .pipe(gulp.dest('dist'));
});

上述代码表示将src目录下的所有.js文件复制到dist目录中。

关于这个问题中提到的glob和gulp.src的结合使用,可以理解为在gulp.src中使用通配符来匹配多个文件,然后将匹配到的文件通过gulp.dest输出到目标路径中。

例如,以下示例代码使用gulp.src结合通配符匹配多个文件,然后通过gulp.dest输出到dist目录中:

代码语言:txt
复制
const gulp = require('gulp');

gulp.task('copy', function() {
  return gulp.src('src/**/*.js')
    .pipe(gulp.dest('dist'));
});

上述代码中的'*/.js'表示匹配src目录及其子目录下的所有.js文件。

推荐的腾讯云相关产品和产品介绍链接地址:暂无。

总结:gulp.dest方法是Gulp构建工具中的一个方法,用于将处理后的文件输出到指定的目录中。它通常与gulp.src方法结合使用,可以使用通配符来匹配多个文件,并将匹配到的文件输出到目标路径中。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

前端构建工具gulpjs使用介绍及技巧

下面我们重点说说Gulp用到glob匹配规则以及一些文件匹配技巧。 Gulp内部使用了node-glob模块来实现其文件匹配功能。...gulp.dest(path)生成文件路径是我们传入path参数后面再加上gulp.src()中有通配符开始出现那部分路径。...dist/zepto.js 通过指定gulp.src()方法配置参数中base属性,我们可以更灵活来改变gulp.dest()生成文件路径。.../src 上面我们说gulp.dest()所生成文件路径规则,其实也可以理解成,用我们给gulp.dest()传入路径替换掉gulp.src()中base路径,最终得到生成文件路径。...其语法为 gulp.watch(glob[, opts], tasks) glob 为要监视文件匹配模式,规则和用法与gulp.src()方法中glob相同。

1.9K30

Gulp使用指南

gulp使用流程一般是:首先通过gulp.src()方法获取到想要处理文件流,然后把文件流通过pipe方法导入到gulp插件中,最后把经过插件处理后流再通过pipe方法导入到gulp.dest(...例如: var gulp = require('gulp'); gulp.src('script/jquery.js') // 获取流api .pipe(gulp.dest('dist/foo.js'...为一个可选参数对象,以下为选项参数: options.cwd 类型: String 默认值: process.cwd() 输出目录 cwd 参数,只在所给输出目录是相对路径时候有效。..._gulp.dest(path)_生成文件路径是我们传入_path_参数后面再加上_gulp.src()_中有通配符开始出现那部分路径。...其语法为 gulp.watch(glob[, opts], tasks); glob 为要监视文件匹配模式,规则和用法与gulp.src()方法中glob相同。

1.3K60
  • gulp 详解与使用

    其语法为: gulp.src(globs [, options]) gulp 用到 glob 匹配规则以及一些文件匹配技巧。 gulp 内部使用了 node-glob 模块来实现其文件匹配功能。...gulp.dest(path) 生成文件路径是我们传入 path 参数后面再加上 gulp.src() 中有通配符开始出现那部分路径。...值为 app/src 上面我们说 gulp.dest() 所生成文件路径规则,其实也可以理解成,用我们给 gulp.dest() 传入路径替换掉 gulp.src() 中 base 路径,最终得到生成文件路径...其语法为: gulp.watch(glob[, opts], tasks); glob 为要监视文件匹配模式,规则和用法与 gulp.src() 方法中 glob 相同。...定义 gulpfile 查找位置,此外,所有的相应依赖(require)会从这里开始计算相对路径 -T 或 --tasks 会显示所指定 gulpfile task 依赖树 --tasks-simple

    1.2K10

    Gulp基本用法

    gulp.src(globs[, options]) 输出(Emits)符合所提供匹配模式(glob)或者匹配模式数组(array of globs)文件。...---- gulp.dest(path[, options]) 能被 pipe 进来,并且将会写文件。并且重新输出(emits)所有数据,因此你可以将它 pipe 到多个文件夹。...文件被写入路径是以所给相对路径根据所给目标目录计算而来。类似的,相对路径也可以根据所给 base 来计算。 请查看上述 gulp.src 来了解更多信息。...---- gulp.watch(glob[, opts], tasks) 监视文件,并且可以在文件发生改动时候做一些事情。...glob: 类型: String or Array 一个 glob 字符串,或者一个包含多个 glob 字符串数组,用来指定具体监控哪些文件变动。

    73030

    gulp入门(小白级别)

    Gulp是前端构建工具,使用起来相对比较简单(听别人说,个人还没有多个工具体验经验)。...如果确实有改变文件名需要,可以使用插件gulp-rename gulp.dest() 详解路径参数 gulp.dest(path) 生成文件路径是我们传入path参数后面再加上 gulp.src(...* gulp.src('script/*') //假设匹配到文件为script/zepto.js .pipe(gulp.dest('dist')); //则最后生成文件路径为...其语法为 gulp.watch(glob[, opts], tasks) @param {string|array} glob 为要监视文件匹配模式,规则和用法与gulp.src()方法中glob相同...一些常用gulp插件 前面学习了gulp.task() gulp.src() gulp.dest(),但感觉好像没有发挥太大作用,因为只是搬运文件而已,中间没有对文件做任何处理。

    1.3K20

    gulp源码解析(二)—— vinyl-fs

    那么我们不难猜想出,在 gulp 任务中,gulp.src 接口将匹配到文件转化为可读(或 Duplex/Transform)流,通过 .pipe 流经各插件进行处理,最终推送给 gulp.dest...因此了解 vinyl-fs 模块作用,便成为掌握 gulp 工作原理关键之一。需要留意是,当前 gulp4.0 所使用 vinyl-fs 版本是 v2.0.0。...GLOB 可以理解为我们给 gulp.src 等接口传入第一个 pattern 参数形式,例如“....下面分别对这三个对外接口(也直接就是 gulp 对应接口)进行分析。 2.1 gulp.src 该接口文件为 lib/src/index.js,代码量不多,但引用模块不少。...2.2 gulp.dest 该接口文件为 lib/dest/index.js,其主要作用自然是根据 src 接口透传过来输出流,生成指定路径目标文件/文件夹: ?

    90370

    基于Node.js自动化工具Gulp

    gulp使用流程一般是:首先通过gulp.src()方法获取到想要处理文件流,然后把文件流通过pipe方法导入到gulp插件中,最后把经过插件处理后流再通过pipe方法导入到gulp.dest(...例如: var gulp = require('gulp'); gulp.src('script/jquery.js')         // 获取流api     .pipe(gulp.dest('...globs匹配规则 我们重点说说gulp用到globs匹配规则以及一些文件匹配技巧,我们将会在后面的课程中用到这些规则。 gulp内部使用了node-glob模块来实现其文件匹配功能。...; options为一个可选参数对象,以下为选项参数: options.cwd 类型: String 默认值: process.cwd() 输出目录 cwd 参数,只在所给输出目录是相对路径时候有效..._gulp.dest(path)_生成文件路径是我们传入_path_参数后面再加上_gulp.src()_中有通配符开始出现那部分路径。

    1.6K10

    Gulp开发教程(翻译)

    在上面的例子中,gulp.src()函数用字符串匹配一个文件或者文件编号(被称为“glob”),然后创建一个对象流来代表这些文件,接着传递给uglify()函数,它接受文件对象之后返回有新压缩源文件文件对象...,最后那些输出文件被输入gulp.dest()函数,并保存下来。...GULP.SRC() gulp.src()方法输入一个glob(比如匹配一个或多个文件字符串)或者glob数组,然后返回一个可以传递给插件数据流。...Gulp使用node-glob来从你指定glob里面获取文件,这里列举下面的例子来阐述,方便大家理解: js/app.js 精确匹配文件 js/*.js 仅匹配js目录下所有后缀为.js文件 js...使用gulp.watch()方法可以监听文件,它接受一个glob或者glob数组(和gulp.src()一样)以及一个任务数组来执行回调。

    86140

    Gulp探究折腾之路(I)

    //创建Default Task:注册缺省任务 gulp.task('default', ['jshint' , 'scripts', 'watch']); 折腾gulp.src() Gulp使用node-glob...来从你指定glob里面获取文件,这里列举下面的例子来阐述,方便大家理解: js/app.js 精确匹配文件 js/.js 仅匹配js目录下所有后缀为.js文件 js//.js 匹配js目录及其子目录下所有后缀为...-输出~JS代码 压缩:gulp-uglify,挺好; Ps: 有一款gulp-minify(Desc: Minify JavaScript with UglifyJS2),默认压缩完毕之后会生成一个-...// –files 路径是相对于运行该命令项目(目录) browser-sync start –server –files “css/*.css” 如果您需要监听多个类型文件,您只需要用逗号隔开...例如我们再加入一个.html文件 // --files 路径是相对于运行该命令项目(目录) browser-sync start --server --files "css/*.css, *.html

    1.8K80

    glob 介绍

    glob 最早是出现在类Unix系统命令行中, 是用来匹配文件路径。比如,lib/**/*.js 匹配 lib 目录下所有的 js 文件。 除了在命令行中,我们在程序中也会有匹配文件路径需求。...于是,很多编程语言有了对 glob 实现 ,如 Python 中 glob 模块; php 中 glob 方法。 有了 glob,匹配文件路径变 so easy~ ?...我们用 Gulp 可以这么写: var uglify = require('gulp-uglify'); gulp.task('compress', function() { return gulp.src...('lib/**/*.js') // 选则 lib 下所有 js 文件 .pipe(uglify()) // 压缩 .pipe(gulp.dest('dist')); // 将压缩后文件输出到...如 grep '学习' *.md 上面目录做是,从当前目录中查找文件内容中包含"学习",并且文件格式为 md 文件。 匹配规则 不同语言 glob 库支持规则会略有不同。

    1.2K30

    给初学者Gulp教程(译)

    ()) .pipe(gulp.dest('destination')) }); 正如你能看到,一个真实任务有两个额外事件gulp.src'和gulp.dest。...gulp.src告诉Gulp任务,所要使用文件。gulp.dest`告知当任务完成后,Gulp输出文件地址。 让我们来尝试构造一个真实任务,将Sass文件编译成CSS文件。...这个文件将会被加入到sass任务中gulp.src中。 我们想输出最后styles.css文件到app/css文件夹,我们就要将其加入到gulp.destdestination处。...NodeGlobbing Globs是匹配文件模式,允许你在gulp.src中增加多个文件。它就像正则表达式一样,但是只用来表示文件路径。 当你使用glob,计算机检查文件名和路径以特定特征。...我们可以使用Gulp复制文件通过gulp.srcgulp.dest,不需要其他插件。

    4.3K20

    快速搭建gulp项目实战

    gulp是前端开发过程中对代码进行构建工具,是自动化项目的构建利器;她不仅能对网站资源进行优化,而且在开发过程中很多重复任务能够使用正确工具自动完成;使用她,我们不仅可以很愉快编写代码,而且大大提高我们工作效率...gulp.src 找到执行文件 gulp.dest 执行任务文件去出 gulp.watch 观察文件是否发生变化 4.安装一些常用压缩包 cnpm install gulp-minify-css...文件 .pipe(gulp.dest("dist")) //文件去处 }) dist是通过 gulp copyHtml生成文件夹   常用代码压缩 var gulp = require('gulp...("src/*.html") .pipe(gulp.dest("dist")) //把src目录中所有html格式文件全部合并到dist目录中 }) //图片压缩 gulp.task("imagemin...",function() { gulp.src("src/images/*") 所有src > images中图片 .pipe(imagemin()) 图片压缩 .pipe(gulp.dest

    1.1K20
    领券