简介
sprockets-stats-webpack-plugin 是一个适用于 webpack 4 的插件，用于生成一个类似于 Rails 的 Sprockets 的 manifest.json 文件，其中包含了所有输入的 JavaScript 与 CSS 文件的 Fingerprint 以及其在编译后生成的文件名。
安装
在项目根目录下运行以下命令安装 sprockets-stats-webpack-plugin：
npm install sprockets-stats-webpack-plugin --save-dev
使用方法
在 webpack 的配置文件中引入插件：
const SprocketsStatsWebpackPlugin = require('sprockets-stats-webpack-plugin');将插件实例化并添加到 plugins 数组中：
plugins: [ new SprocketsStatsWebpackPlugin(), ],
在执行 webpack 编译之后，就会在输出目录下生成一个名为 manifest.json 的文件：
-- -------------------- ---- -------
-
--------- -
----------------- -
--------- -----------------------------------
----------- ------------------------------------------
--
------------------ -
--------- -----------------------------------
----------- -------------------------------------------
-
-
-其中，assets 对象包含了所有输入的 JavaScript 与 CSS 文件的 Fingerprint 以及其在编译后生成的文件名。其中，digest 代表文件的指纹，pathname 代表经过指纹处理后生成的文件路径。
示例代码
以下是一个基本的 webpack 配置文件示例：
-- -------------------- ---- -------
----- ---- - ----------------
----- --------------------------- - ------------------------------------------
-------------- - -
------ -----------------
------- -
--------- ------------
----- ----------------------- --------
--
-------- -
--- ------------------------------
--
--总结
sprockets-stats-webpack-plugin 是一个非常实用的插件，它可以帮助前端开发人员更加方便地管理 JavaScript 与 CSS 文件的 Fingerprint，同时避免了文件版本管理的繁琐操作。在实际项目中，我们可以使用 sprockets-stats-webpack-plugin 来帮助我们优化前端构建流程，提高开发效率和项目稳定性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6006709f8ccae46eb111f038