【webpack】cache的使用

cache.buildDependencies：webpack中，cache.buildDependencies的作用类似于useEffect中的依赖项，当依赖项改变的时候，这个缓存就会失效。例子：

// 构建缓存选项
  cache: {
    // 指定需要与构建缓存一起考虑的文件依赖项列表
    buildDependencies: {
      // 指定Webpack配置文件为一个依赖项
      config: [__filename],
      // 指定Babel配置文件为一个依赖项
      babel: ['babel.config.js'],
      // 指定ESLint配置文件为一个依赖项
      eslint: ['.eslintrc'],
    },
  },

cacheLocation和cacheDirectory：这两个差不多，一个是缓存的文件路径，cacheLocation是缓存的文件夹路径，可以指定名称，默认值为 path.resolve(cache.cacheDirectory, cache.name)，cacheDirectory是文件的路劲

compression：是否压缩缓存文件，两个选项："gzip"|"brotli"，开发模式下默认为false，生产模式为gzip，cache.compression 配置项仅在 cache.type 设为 'filesystem' 时可用。

name：表示文件夹的名字

allowCollectingMemory：收集在反序列化期间分配的未使用的内存，仅当 cache.type 设置为 'filesystem' 时生效。这需要将数据复制到更小的缓冲区中，并有性能成本。它控制着是否允许缓存中间结果时使用内存。如果设置为true，则在构建期间，webpack可以将中间结果缓存到内存中，从而避免频繁的读写磁盘，提高构建性能。如果设置为false，则webpack只能将中间结果缓存到磁盘上，这可能会降低构建性能，但可以减少内存的占用。