简介
simple-gulp-rev-collector是一款基于gulp的npm包，用于静态版本控制。它可以自动进行静态资源版本更新（如js、css、image等），并且能够自动替换html中的旧版本资源引用。
安装
全局安装 gulp：
npm install gulp -g
在项目根目录下，使用 npm 安装 simple-gulp-rev 和 simple-gulp-rev-collector：
npm install gulp-rev gulp-rev-collector --save-dev
代码示例
以下是使用例子，可以在gulpfile.js文件中添加如下代码：
-- -------------------- ---- -------
--- ---- - ----------------
--- --- - --------------------
--- ------------ - ------------------------------
---------------- ---------- -
-- ----------
----------------------------
------------
----------------------------
---------------------
-----------------------
-- ---------
--------------------------
------------
---------------------------
---------------------
-----------------------
-- -------------- ------------
---------------------------
-------------------------------
---
-- ------------
--------------------- ---------- -
----------------------- --------------- -- -------------------------------------
--------------------
------------- -----
---------------- -
--------- ------------
-------- ----------
-
---
--------------------------
---
-- ---- ------
-------------------- ------- -------------
说明
在执行如上gulp任务后，会自动生成rev文件夹用于存储rev-manifest.json文件（版本递增记录），dist文件夹用于存储更新后的静态资源（js、css）等，以及对应HTML中的旧版本资源将会被自动替换为新版本。
simple-gulp-rev-collector可以让前端开发者不必根据版本号手动更改HTML代码中每个引入资源的地址，它能够自动将HTML中的静态资源替换为最新的版本号。
总结
本文简单介绍了simple-gulp-rev-collector，它是一款非常好用的npm包，能够帮助开发者完成静态资源版本更新和自动替换HTML中的旧版本资源。这对于大型项目来说非常实用，尤其当静态资源较多、复杂时使用该插件非常方便。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005668081e8991b448e29d3