打包文件名
前端打包出来的静态文件名带有一串 Hash 值，主要是为了实现以下目的：
1、缓存有效性：当文件内容发生变化时，Hash 值也随之改变，这意味着浏览器能识别文件的更新。如果文件内容没有变化，Hash 值保持不变，浏览器可以从缓存中加载文件，节省网络带宽和提高加载速度
2、避免缓存问题：在开发和部署过程中，可能会遇到浏览器缓存旧的文件版本的问题。引入 Hash 值后，即使文件的路径没有变化，当文件内容更新时，Hash 值的变化会确保浏览器下载新的文件，避免了缓存所导致的问题
3、版本控制：Hash 值可以作为文件的唯一标识，这样在文件名中就包含了版本信息。例如，如果你的构建工具生成了一个名为 app.abc123.js 的文件，当更新内容后会生成 app.def456.js。这使得开发团队和管理人员更容易跟踪和管理不同版本的静态资源。
4、构建优化：在大型项目中，打包工具（如 Webpack）会根据文件的内容生成 Hash 值，这样可以优化打包过程，促进增量编译和更高效的构建
在开发过程中，使用内容 Hash 可以减少不必要的重新编译。当某个文件或模块发生改变时，Webpack 只会重新编译受影响的部分，而无需对整个项目进行完全重编译，从而加快了构建速度。因为每个文件的 Hash 值独立，Webpack 能够更准确地判断哪些模块需要重新编译
5、提高安全性：通过结合文件的内容生成 Hash 值，可以降低某些类型的攻击风险。例如，攻击者如果想上传一个恶意文件来替换合法文件，就必须知道文件的具体内容才能生成正确的 Hash，这增加了入侵的难度