Webpack 开启持久化缓存后构建速度反而变慢了?

东方子晨 阅读 46

我按照文档配置了 Webpack 5 的持久化缓存,用了 cache: { type: 'filesystem' },但第二次构建比第一次还慢,这是为啥?

本地开发时本来指望缓存能提速,结果每次改个组件都要等十几秒,缓存目录也生成了,但好像没生效。有没有人遇到过类似情况?

module.exports = {
  cache: {
    type: 'filesystem',
    buildDependencies: {
      config: [__filename]
    }
  },
  // 其他配置...
};
我来解答 赞 12 收藏
二维码
手机扫码查看
2 条解答
慕容云飞
可能是配置问题,试试加个 version 字段,我一般直接这样搞:
module.exports = {
cache: {
type: 'filesystem',
buildDependencies: {
config: [__filename]
},
version: '1'
},
// 其他配置...
};
点赞
2026-03-21 09:03
闲人华丽
问题大概率是 buildDependencies 配置不全,缓存无法正确识别依赖变化,导致每次都重新构建。

清掉缓存目录,然后改成这样:

module.exports = {
cache: {
type: 'filesystem',
cacheDirectory: path.resolve(__dirname, 'node_modules/.webpack-cache'),
buildDependencies: {
config: [__filename]
}
},
// 缓存失效的问题通常出在 buildDependencies 不完整
};


如果还不行,试试在 node_modules 目录下删掉 .webpack-cache 文件夹再重新构建。Windows 上有时候缓存目录权限或者路径问题会导致缓存失效。
点赞
2026-03-17 09:03