1. 什么是 mini-manifest
mini-manifest 是一个可以通过自己预先定义的 manifest 文件，在构建时候可以根据这个 manifest 文件的定义自动将引用资源的路径替换为指定的路径，同时将未被引用的文件从构建文件中自动移除的一个工具。并且，它把所有需要替换的路径存储在一个同样被称为 manifest 文件的 JSON 文件中。
这个包在应用构建过程中非常有用，因为我们可以使用这个工具简化自己的工作流程，减少因为手动去修改构建文件可能出现的错误。
2. 安装 mini-manifest
在安装之前，确保你已经安装了 Node.js。
你可以使用 npm 安装 mini-manifest 。
npm install --save-dev mini-manifest
3. 使用 mini-manifest
在项目根目录中创建一个名为 manifest.json 的文件，里面定义了需要替换的资源路径。
{
"/css/app.css": "/dist/css/app.min.css",
"/js/app.js": "/dist/js/app.min.js"
}在你的 package.json 文件中添加以下脚本：
{
"scripts": {
"manifest": "mini-manifest --manifest <path-to-manifest> --base-dir <path-to-dist-dir>"
}
}在这个脚本中，我们定义了 manifest 命令，使用 mini-manifest 包来执行。 --manifest 选项后跟 manifest 文件的路径，--base-dir 选项后跟用于构建的文件夹路径。
最后，在命令行中执行以下命令即可执行 manifest 脚本：
npm run manifest
4. 示例代码
下面是一个示例代码，它使用了 mini-manifest 和 Gulp 来生成一个包含版本号的 HTML 文件。
-- -------------------- ---- -------
----- ---- - ----------------
----- ------ - -----------------------
----- -------- - -------------------------
--------------------- -- -- -
------ ----------------------
---------------- ------------- ---------------- -------- -------- ---
------------------- -- -
----- -------- - ----------------------------------------
------------- -- -------------------------------------- -------
---
-------------------------
---在上面的代码中，我们使用了 gulp-rename 包来重命名输出的 HTML 文件，然后解析 manifest 文件中的版本信息，将版本号添加到文件名上。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066f491d8e776d080411fa