在前端开发中，gulp 是一个非常流行的构建工具，它可以帮助我们自动化处理代码、压缩文件等任务。而 gulp-extname 就是一个非常实用的 npm 包，它可以帮助我们修改文件的扩展名，从而方便地进行文件重命名和格式转换。
安装 gulp-extname
使用 gulp-extname 首先需要安装 gulp 和 gulp-extname 两个包，可以通过以下命令进行安装：
npm install --save-dev gulp gulp-extname
使用示例
下面我们来看一下如何在 gulp 中使用 gulp-extname 进行文件扩展名的修改。假设我们有一个目录 src，其中包含了若干个 .txt 文件，现在我们要将这些文件的扩展名全部修改为 .md。
首先，我们可以在 gulpfile.js 中引入 gulp 和 gulp-extname：
const gulp = require('gulp'); const extname = require('gulp-extname');
然后，我们可以定义一个 rename 任务来执行文件重命名操作：
gulp.task('rename', () => { return gulp.src('./src/*.txt') .pipe(extname('.md')) .pipe(gulp.dest('./dist')); });
这段代码的意思是，将 ./src/*.txt 目录下的所有 .txt 文件读入内存，通过 extname('.md') 方法将文件扩展名修改为 .md，然后通过 gulp.dest('./dist') 将修改后的文件输出到 ./dist 目录下。
最后，我们可以在命令行中执行 gulp rename 命令来运行这个任务：
gulp rename这样，就可以将 ./src/*.txt 目录下的所有 .txt 文件都重命名为 .md 并输出到 ./dist 目录下了。
总结
通过使用 gulp-extname，我们可以非常方便地进行文件扩展名的修改，从而实现文件重命名和格式转换等功能。在实际的前端开发项目中，我们可以根据自己的需要来灵活使用这个工具，从而提高代码的开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/55129
