什么是 npm 包 rev-manifest-webpack-plugin？
npm 包 rev-manifest-webpack-plugin 是一个 webpack 插件，可用于生成文件名带哈希的 manifest JSON 文件，以便于浏览器缓存管理。
安装和配置
你可以使用以下命令来安装 rev-manifest-webpack-plugin：
npm install --save-dev rev-manifest-webpack-plugin
要使用该插件，在 webpack 配置文件中添加以下代码：
-- -------------------- ---- -------
----- ---- - ----------------
----- - --------------------- - - -----------------------------------
-------------- - -
-- ---
------- -
--------- --------------------------
----- ----------------------- --------
--
-------- -
--- -----------------------
--------- ----------------
----------- ---
---
--
--该插件有两个可配置选项：
fileName：生成的 manifest 文件的名称，默认为manifest.json。publicPath：与 webpack 配置文件的publicPath属性相同，用于在生成的 manifest 文件中设置资源路径。
如何使用 rev-manifest-webpack-plugin 生成具有哈希文件名的 manifest 文件？
当你使用 webpack 构建项目时，rev-manifest-webpack-plugin 将生成具有哈希文件名的文件并将其添加到项目的 disk 文件夹中，以便于浏览器缓存管理。
以下是使用 rev-manifest-webpack-plugin 生成具有哈希文件名的 manifest 文件的示例代码：
-- -------------------- ---- -------
------ ---- ---- -------
------ - --------------------- - ---- --------------------------
------ ------- -
-- ---
------- -
--------- --------------------------
----- ----------------------- --------
--
-------- -
--- -----------------------
--------- ----------------
----------- ---
---
--
--生成的文件看起来像这样：
{
"main.js": "main.b2bbb731d20f19ba84c0.js",
"style.css": "style.e6d7905eea9fa5d5e5e5.css"
}manifest 文件中的键名指向文件名，值指向具有哈希文件名的文件名。
结论
使用 rev-manifest-webpack-plugin 可以帮助我们管理浏览器缓存，在项目更新后自动管理浏览器缓存，让用户可以及时获取最新的代码。
此外，使用 rev-manifest-webpack-plugin 也能够提高网站性能，尤其是对于大型的 Web 项目，这一点显得尤为重要。
参考文献
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005548981e8991b448d1cdb