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

【腾讯云】轻量 2核2G4M,首年65元

阿里云限时活动-云数据库 RDS MySQL  1核2G配置 1.88/月 速抢

本文由乐趣区整理发布,转载请注明出处,谢谢。

您可能还喜欢...

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据