关于前端: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’ 时可用。