什么是 mkappcache？
mkappcache 是一个 npm 包，用于自动生成应用程序缓存清单文件（AppCache Manifest File）。它减轻了创建 AppCache 清单文件的工作负担，使开发人员更轻松地管理页面的离线缓存。
如何使用 mkappcache？
mkappcache 的使用非常简单，只需要通过 npm 包管理器安装它：
npm install mkappcache --save-dev
安装完成后，在项目中引入它：
const mkappcache = require('mkappcache');配置
mkappcache 的配置非常简单，只需要提供需要缓存的文件路径即可。下面是一个简单的示例：
-- -------------------- ---- -------
----- ------- - -
------ -
----
-------------
----------------
-----------
--
------- -------------------
--
--------------------这里的配置对象 options 中主要包含两个属性：
paths：需要缓存的文件路径，可以是相对或绝对路径。output：生成的 AppCache Manifest File 的文件名。
生成 AppCache Manifest File
为了生成 AppCache Manifest File，在项目根目录下通过命令行执行以下命令：
node your-script.js
这里的 your-script.js 是你的脚本文件名，其中包含了上面的 mkappcache 配置代码。
此时，一个名为 manifest.appcache 的文件将会在你的项目根目录下生成。
将 AppCache Manifest File 应用到项目中
在使用 AppCache Manifest File 之前，需要了解一下 AppCache 的基础知识。具体可以查看 MDN 的相关文档：https://developer.mozilla.org/zh-CN/docs/Web/HTML/Using_the_application_cache
在 HTML 文件中，可以使用 manifest 属性指定需要使用的 AppCache Manifest File 文件名：
<!DOCTYPE html> <html manifest="manifest.appcache"> ... </html>
此时，所有列在 AppCache Manifest File 中的文件都将被缓存，即使在离线情况下，用户也可以访问这些页面及其资源。
总结
mkappcache 是一个非常好用的 npm 包，可以大大减轻开发人员管理应用程序离线缓存的工作负担。通过本篇文章的介绍，相信对于前端开发者来说，已经可以更轻松地管理应用程序的离线缓存了。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005564681e8991b448d327d