Webpack DLL（Dynamic Link Library）和 `manifest.json`

webpack 使用dll实现编译缓存，manifest.json作为缓存目录功能使用

在 Webpack 中，DLL（Dynamic Link Library）和 manifest.json 是两个不同的概念，它们在构建过程中扮演着不同的角色：

1. DLL（动态链接库）：

   • DLL 是一个包含预编译代码的二进制文件。
   • 它包含了第三方库或应用程序代码的编译结果。
   • DLL 文件在运行时被加载到内存中，供应用程序调用其导出的函数和变量。
   • 在 Webpack 中，DLL 文件是通过 webpack.DllPlugin 插件生成的，这个插件会根据配置将指定的依赖库打包成一个或多个 DLL 文件。

2. manifest.json 文件：

   • 这是一个 JSON 格式的文件，描述了 DLL 文件的内容。
   • 它包含了 DLL 文件中导出的模块、函数和变量的名称及其对应的内部引用（通常是 ID）。
   • manifest.json 文件不包含实际的代码或资源，而是作为 Webpack 和 DLL 文件之间的映射表。
   • 在 Webpack 中，manifest.json 文件是由 webpack.DllPlugin 插件生成的，用于在主项目的构建过程中识别和引用 DLL 文件中的模块。

简而言之，DLL 文件包含了实际的预编译代码，而 manifest.json 文件则提供了关于这些代码的元数据信息，使得 Webpack 能够有效地利用 DLL 文件来优化构建过程。manifest.json 文件帮助 Webpack 知道哪些模块已经包含在 DLL 中，从而避免在主项目构建时重新编译这些模块。

dll和缓存优化有何关系？

DLL（Dynamic Link Library）和缓存优化在 Webpack 构建过程中有密切的关系。它们共同作用，可以显著提高开发效率和减少构建时间。以下是 DLL 和缓存优化之间的关系：

1. DLL 预编译：

   • DLL 文件包含了预先编译的第三方库代码，这些代码在开发过程中通常不会改变。
   • 通过将不经常变化的第三方代码分离到 DLL 中，可以减少主构建过程中的编译工作，因为 Webpack 不需要重新编译这些代码。

2. 缓存利用：

   • 当第三方库代码被打包到 DLL 中时，它们可以被缓存起来供后续构建使用。
   • 如果第三方库没有更新，Webpack 可以直接使用之前生成的 DLL 文件，而不需要重新编译这些库。

3. 减少构建时间：

   • 由于 DLL 中的代码不需要在每次构建时重新编译，构建时间可以显著减少。
   • 这使得开发过程中的每次保存和编译操作更快，从而加快了开发速度。

4. manifest.json 文件：

   • manifest.json 文件提供了 DLL 文件中模块的映射信息。
   • 它允许 Webpack 在构建时快速查找和引用 DLL 中的模块，进一步优化构建性能。

5. 长期缓存：

   • DLL 文件和 manifest.json 文件可以用于实现长期缓存策略。
   • 通过在文件名中包含内容哈希，可以确保只有当文件内容改变时才生成新的文件，从而可以利用浏览器缓存。

6. 分离关注点：

   • DLL 和缓存优化允许开发者将关注点分离：第三方库代码与应用程序代码。
   • 这样，开发者可以独立地更新和管理这两部分代码，而不必担心它们之间的相互影响。

总的来说，DLL 和缓存优化在 Webpack 中共同提供了一种机制，通过将第三方库代码预先编译和缓存，可以显著提高构建性能，减少开发过程中的等待时间，并优化资源加载。这种优化特别适用于大型项目，其中第三方库代码的体积和数量都很大。