前端开发中，自动化构建已经成为非常重要的一部分，而自动化构建工具中又有很多常用的插件。其中， gulp-git-mtime 是一款非常实用的自动化构建工具，可以帮助我们将 Git 仓库中不同版本的源码进行比对，并将有变化的文件进行自动化构建操作。
本篇文章将会详细介绍 gulp-git-mtime 的使用方法与原理。
安装
在开始使用 gulp-git-mtime 之前，需要先安装 gulp、gulp-git 以及 gulp-git-mtime 这三个 npm 包。
npm install gulp gulp-git gulp-git-mtime --save-dev
使用示例
下面以 gulp-git-mtime 与 gulp-zip 进行配合压缩打包项目，并以每次 Git 提交为触发条件进行自动化构建操作。
-- -------------------- ---- -------
----- ---- - ----------------
----- --- - --------------------
----- -------- - --------------------------
----- --- - --------------------
------------------ -- -- -
-- ------- --- -- ---- -
----- ------- - -------------- ----- -------- ----- ---
------ --------------------
-- --------------
----------------
----- -------
---
-- ----------
----------------------
-- -------
---------------------------
---
-- -- --- ------ ----- --
------------------ -- -- -
----------- ----- ----------- ------ ---- --
----------- -- -- -
--------------------
---
---在上面的示例中，我们先使用 gulp-git 获取最近一次的 Git 提交的短 hash 值，并通过 gulp-git-mtime 插件获取最近一次提交时修改时间有变化的文件。最后将更新的文件进行打包压缩，并保存到输出目录中。
同时，我们还使用 git.watch 监听 Git 仓库的提交，并在提交时触发自动化构建操作。这样我们就可以将自动化构建与代码管理进行有效的结合。
插件原理
gulp-git-mtime 的原理是通过 gulp-git 获取 Git 仓库中最新的文件修改时间并进行比对，从而获取到最近一次版本更新后有修改的文件。
具体地，插件通过 git log 命令获取 Git 仓库的历史提交记录，通过 diff-tree 命令获取最近一次版本之间有更新的文件。最后，将有更新的文件以流的形式输出，方便与其他 gulp 插件进行配合使用。
总结
通过本文的介绍，我们可以看出 gulp-git-mtime 这个自动化构建工具的作用是非常实用的，同时结合 gulp-git 的监听功能，可以有效地以最新提交为触发条件进行自动化构建。这对于项目开发可以省去手动构建的繁琐过程，提高了开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60065f8d238a385564ab6ebb