使用gulp.js和通配符模式修改文件（同DEST）
对于前端开发者来说，自动化构建工具已经成为了必备技能。其中，gulp.js 是一个非常流行的自动化构建工具，其优点在于易学易用、插件丰富等。本文将介绍如何使用 gulp.js 和通配符模式来修改文件。
什么是 gulp.js？
gulp.js 是一个基于 Node.js 的自动化构建工具。它可以帮助前端开发者快速地完成文件打包、代码压缩、图片压缩、语法检查等任务，从而提高开发效率。
gulp.js 的优点在于易学易用、插件丰富等。同时，它还支持流式操作，让我们可以通过编写简单的代码来完成复杂的任务。
通配符模式
通配符模式是一种匹配文件名的方式，可以用于选择需要处理的文件。在 gulp.js 中，我们可以使用 glob 包来实现通配符模式匹配。
通配符模式的语法如下：
| 符号 | 说明 |
|---|---|
| * | 匹配任意数量的字符，但不包括路径分隔符 |
| ** | 匹配任意数量的字符，包括路径分隔符 |
| ? | 匹配任意单个字符，但不包括路径分隔符 |
| [] | 匹配方括号中的任意一个字符 |
| {} | 提供逗号分隔的选项，匹配其中任意一项 |
使用 gulp.js 和通配符模式修改文件
在使用 gulp.js 和通配符模式修改文件时，我们需要了解一些常用的 API。
gulp.src(globs[, options])
gulp.src() 方法用于选择需要处理的文件。其中，globs 参数是一个字符串或数组，表示需要匹配的文件路径；options 参数是一个可选对象，表示选项配置。
gulp.dest(path[, options])
gulp.dest() 方法用于指定处理后的文件输出的目录。其中，path 参数是一个字符串，表示输出目录的路径；options 参数是一个可选对象，表示选项配置。
gulp.task(name[, deps], fn)
gulp.task() 方法用于定义任务。其中，name 参数是一个字符串，表示任务名称；deps 参数是一个可选数组，表示该任务所依赖的其他任务；fn 参数是一个函数，表示任务的具体实现。
下面是一个示例代码，它将匹配所有以 .html 结尾的文件，并替换文件中的内容：
const gulp = require('gulp');
const replace = require('gulp-replace');
gulp.task('replace', function() {
return gulp.src('src/**/*.html')
.pipe(replace(/foo/g, 'bar'))
.pipe(gulp.dest('build'));
});在上述代码中，gulp.src('src/**/*.html') 选择了所有以 .html 结尾的文件；.pipe(replace(/foo/g, 'bar')) 替换了所有的 foo 为 bar；.pipe(gulp.dest('build')) 输出到 build 目录下。
总结
本文介绍了如何使用 gulp.js 和通配符模式来修改文件。通配符模式是一种匹配文件名的方式，可以用于选择需要处理的文件。在 gulp.js 中，我们可以使用 gulp.src() 方法选择需要处理的文件，并使用 gulp.dest() 方法指定处理后的文件输出的目录。同时，我们还可以通过定义任务的方式来完成复杂的操作。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/11823
