关于前端:webpackcache的使用

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’ 时可用。