简介
gulp-cached 是一个 npm 包，用于缓存文件的处理结果，从而提高构建效率。该包可以在 gulp 构建中使用，减少重复执行任务的开销，提高构建速度。
在前端工程化中，构建是非常重要的一环。当源代码发生变化时，构建工具需要重新编译、打包、压缩等操作，生成最终的可执行文件。这个过程可能会耗费很多时间，特别是当源代码规模较大时。使用缓存技术可以避免重复执行无必要的任务，提高构建效率，加快项目开发和部署进程。
安装
使用 npm 进行安装：
npm install gulp-cached --save-dev
使用方法
基本使用
在 gulp 构建任务中引入 gulp-cached 并配置缓存选项。例如：
-- -------------------- ---- -------
----- ---- - ----------------
----- ------ - -----------------------
-------------------- ---------- -
------ -----------------------
------------------------
-------- ---- ----- ---- ------- ---
-------------------------
---上述代码中，我们定义了一个名为 compile 的任务，使用了 gulp-cached 插件来缓存 src/**/*.js 目录下的所有文件。在后续的处理中，如果文件内容没有发生变化，就可以直接使用缓存结果，避免重复编译。
搭配 gulp-remember 使用
gulp-cached 通常会和 gulp-remember 搭配使用，后者用于将已经处理过的文件重新推送到流中。例如：
-- -------------------- ---- -------
----- ---- - ----------------
----- ------ - -----------------------
----- -------- - -------------------------
-------------------- ---------- -
------ -----------------------
------------------------
-------- ---- ----- ---- ------- ---
--------------------------
-------------------------
---上述代码中，我们加入了一个 remember 的步骤，用于把所有处理过的文件重新推送到流中，这样下一次构建时就能够从缓存中直接读取这些文件了。
高级用法
gulp-cached 还提供了一些高级用法，例如：
使用自定义缓存选项
可以通过传递一个对象作为参数来指定自定义的缓存选项。例如：
-- -------------------- ---- -------
----- ---- - ----------------
----- ------ - -----------------------
-------------------- ---------- -
------ -----------------------
--------------
----- ----------
--------------- -----
-------- -------------- -
----------------- ------------ -- ------ -------
-
---
-------- ---- ----- ---- ------- ---
-------------------------
---上述代码中，我们使用了一个包含 name、optimizeMemory 和 success 三个属性的缓存选项对象。其中：
name表示缓存名称；optimizeMemory表示是否开启内存优化模式；success是一个自定义函数，在缓存成功后被调用。
使用自定义缓存键
可以通过传递一个函数作为参数来指定自定义的缓存键。例如：
-- -------------------- ---- -------
----- ---- - ----------------
----- ------ - -----------------------
-------------------- ---------- -
------ -----------------------
--------------
----- ----------
---- -------------- -
------ -------------------------
-
---
-------- ---- ----- ---- ------- ---
-------------------------
---上述代码中，我们使用了一个自定义的缓存键函数，该函数返回了
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/41246