Gulp - 文件复制和重命名

Gulp 是一个流式构建系统，可以简化前端开发任务。其中一个常见的使用案例是文件复制和重命名。

安装 Gulp

首先，你需要在本地安装 Gulp。使用以下命令：

npm install gulp-cli -g
npm install gulp -D

复制文件

要复制文件，请使用 gulp.src() 方法选择要复制的文件。 然后使用 gulp.dest() 方法指定输出目录。

例如，要将 src/index.html 复制到 dist/ 目录中，请使用以下代码：

const gulp = require('gulp');

function copyHtml() {
  return gulp.src('src/index.html')
    .pipe(gulp.dest('dist/'));
}

exports.copyHtml = copyHtml;

在命令行中运行 gulp copyHtml 即可运行此任务。

重命名文件

要重命名文件，请使用 gulp-rename 模块。使用 gulp-rename 可以轻松地更改文件名和扩展名。

例如，要将 src/index.html 重命名为 home.html，请使用以下代码：

-- -------------------- ---- -------
----- ---- - ----------------
----- ------ - -----------------------

-------- ------------ -
  ------ --------------------------
    --------------------------
    --------------------------
-

------------------ - -----------

在命令行中运行 gulp renameHtml 即可运行此任务。

复制并重命名文件

要同时复制并重命名文件，请将上述两个任务组合起来。使用 gulp.src() 选择文件，然后使用 gulp-rename 更改名称，最后使用 gulp.dest() 将它们放在输出目录中。

例如，要将 src/index.html 重命名为 home.html 并复制到 dist/ 目录中，请使用以下代码：

-- -------------------- ---- -------
----- ---- - ----------------
----- ------ - -----------------------

-------- ------------------- -
  ------ --------------------------
    --------------------------
    --------------------------
-

------------------------- - ------------------

在命令行中运行 gulp copyAndRenameHtml 即可运行此任务。

总结

通过 Gulp，我们可以轻松地复制和重命名文件。这些任务可以节省时间，并使我们的工作流程更加高效。希望这篇文章能够帮助你学习如何使用 Gulp 完成这些任务。

参考资料

• Gulp 入门指南

Source: FunTeaLearn,Please indicate the source for reprints https://funteas.com/post/28159