[webpack] 第2033天 在webpack中，Mainfest文件是什么，有什么用

[haizhilin2013]

第2033天 在webpack中，Mainfest文件是什么，有什么用

3+1官网

我也要出题

[Elylicery]

在 Webpack 中，Manifest 文件是一种用于管理和追踪所有模块及其依赖关系的映射文件。当使用 Webpack 进行项目打包时，特别是在对文件进行哈希命名以实现缓存无效化（cache busting）的场景中，Manifest 文件起到了重要作用。

主要作用

• 依赖关系管理：在 Webpack 打包过程中，所有模块（JavaScript、CSS、图片等）会被打包成不同的 bundle，Manifest 文件记录了每个模块及其对应的 bundle，从而帮助 Webpack 在运行时能够正确加载这些模块及其依赖项。
• 缓存控制：在现代 Web 开发中，缓存是优化加载速度的重要手段。通过在文件名中加入哈希值（如 app~abc123.js），可以确保当源码发生变化时，对应的文件名也会发生变化，从而强制浏览器重新加载最新的文件版本。Manifest 文件通过记录这些哈希值与源文件名的对应关系，使得引用文件的 HTML 模板或其他资源能够找到最新的文件。
• 运行时模块加载：Webpack 在打包过程中会生成一个用于加载模块的运行时代码。Manifest 文件帮助该运行时在加载模块时，根据映射关系找到正确的文件。