当我们在构建前端项目时，经常会使用 webpack 这样的打包工具。为了保证文件的版本管理，我们通常需要对构建后的文件进行指纹处理。webpack-fingerprint-json 是一个可以在构建完成后自动生成 JSON 文件的 npm 包，可以帮助我们实现自动化指纹处理的工作。
安装
安装 webpack-fingerprint-json 可以使用 npm 或者 yarn：
npm install webpack-fingerprint-json --save-dev
yarn add webpack-fingerprint-json --dev
配置
在 webpack 的配置文件中，我们需要引入 webpack-fingerprint-json 并配置插件：
-- -------------------- ---- -------
----- --------------- - ------------------------------------
----- ---- - ----------------
-------------- - -
------ -----------
------- -
----- ----------------------- --------
--------- -------------------------
--
-------- -
--- -----------------
------- -------------------
-------- -----
--------------------- -----
--
-
--output：输出文件名，默认为fingerprint.json。replace：是否替换源文件中的路径，默认为true。deleteOriginalAssets：是否删除源文件中的路径，默认为false。
示例
下面是一个完整的 webpack.config.js 配置示例，其中使用了 webpack-fingerprint-json 插件：
-- -------------------- ---- -------
----- --------------- - ------------------------------------
----- ---- - ----------------
-------------- - -
------ -----------
------- -
----- ----------------------- --------
--------- -------------------------
--
-------- -
--- -----------------
------- -------------------
-------- -----
--------------------- -----
--
-
--通过以上示例代码，可以看到如何在 webpack 配置中使用 webpack-fingerprint-json 插件来自动生成指纹文件，以达到版本管理和自动化的效果。
总结
webpack-fingerprint-json 是一个可以帮助我们管理构建指纹的 npm 包，通过自动生成 JSON 文件，可以实现自动化指纹处理的工作。在 webpack 配置文件中加入插件后，即可轻松地管理构建指纹，从而达到更好的版本管理和自动化的效果。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056cf581e8991b448e6b06