Webpack 开启持久化缓存后构建速度反而变慢了? 东方子晨 提问于 2026-03-14 17:07:19 阅读 46 工具 我按照文档配置了 Webpack 5 的持久化缓存,用了 cache: { type: 'filesystem' },但第二次构建比第一次还慢,这是为啥? 本地开发时本来指望缓存能提速,结果每次改个组件都要等十几秒,缓存目录也生成了,但好像没生效。有没有人遇到过类似情况? module.exports = { cache: { type: 'filesystem', buildDependencies: { config: [__filename] } }, // 其他配置... }; 我来解答 赞 12 收藏 分享 生成中... 手机扫码查看 复制链接 生成海报 反馈 发表解答 您需要先 登录/注册 才能发表解答 2 条解答 慕容云飞 Lv1 可能是配置问题,试试加个 version 字段,我一般直接这样搞: module.exports = { cache: { type: 'filesystem', buildDependencies: { config: [__filename] }, version: '1' }, // 其他配置... }; 回复 点赞 2026-03-21 09:03 闲人华丽 Lv1 问题大概率是 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 加载更多 相关推荐 2 回答 58 浏览 Webpack 并行构建真的能提升速度吗?怎么配置才有效? 我项目用的是 Webpack 5,听说开启并行构建能加快打包速度,但试了几次感觉没变化,甚至有时候还更慢了。 我加了 parallel: true 到 babel-loader 里,也装了 threa... 慕容子萱 优化 2026-03-09 21:54:19 2 回答 27 浏览 Hard-source-webpack-plugin 真的还能用吗?配置后反而变慢了? 我听说 hard-source-webpack-plugin 能大幅加快二次构建速度,就试着在项目里加了。但装完之后第一次构建巨慢,第二次也没快多少,是不是我哪里配错了? 我的 webpack 版本是... Dev · 子香 优化 2026-03-11 19:33:21 2 回答 30 浏览 Webpack5 构建速度太慢怎么优化? 项目升级到 Webpack5 后,每次构建都要一分多钟,开发体验太差了。我试过开 cache,也用了 thread-loader,但提升不明显。 现在用的是 cache: { type: 'files... 开发者东焕 优化 2026-03-10 11:18:18 1 回答 38 浏览 Webpack打包后如何实现持久化缓存避免用户重复下载? 我用 Webpack 打包项目,每次构建后文件名都变了,用户就得重新下载所有资源,体验很差。听说可以用 contenthash 实现持久化缓存,但试了好像没生效? 我在 output.filename... IT人慧利 优化 2026-03-10 09:03:20 1 回答 40 浏览 Webpack 并行构建为啥反而变慢了? 我用 Webpack 5 的 thread-loader 和 mini-css-extract-plugin 开启了并行构建,但本地开发时 build 时间从 18s 涨到了 25s,这是不是哪里配错... 开发者喜静 优化 2026-03-04 21:20:22 2 回答 38 浏览 Webpack 开启多线程打包反而变慢了,是配置错了吗? 我用 Webpack 5 的 thread-loader 给 Babel 加了多线程,但打包时间没减少反而更久了,是不是哪里配错了? 我的配置大概是这样的: { test: /.js$/, use: ... FSD-静静 工具 2026-03-01 18:02:20 2 回答 38 浏览 Webpack 多线程压缩为啥没生效? 我用 Webpack 的 TerserPlugin 开启了多线程压缩,但构建时间一点没变快,是不是哪里配错了? 我试过把 parallel 设成 true 甚至设成 4,但 CPU 占用还是只有一核在... 一宏娟 工具 2026-03-16 02:33:17 2 回答 27 浏览 Thread-loader 加速构建反而变慢了?是不是我配置错了? 我在用 Webpack 优化项目构建速度,听说 thread-loader 能并行处理提升性能,就加到了 Babel loader 前面。但实际跑下来构建时间反而比不用还长,本地开发机是 8 核 CP... 设计师艳花 优化 2026-03-11 09:10:20 1 回答 55 浏览 Webpack缓存没生效,页面还是重新加载了? 我用 Webpack 搭了个 React 项目,明明配置了 cache 缓存,但每次改点代码,整个页面都重新加载,连组件状态都没保住,是不是哪里配错了? 我试过在 webpack.config.js ... 开发者亚会 工具 2026-03-03 21:00:21 1 回答 43 浏览 Webpack 开启 Tree Shaking 后,Vue 组件里的未使用方法为啥没被删掉? 我用 Webpack 5 + Vue 2 做项目,明明开启了 Tree Shaking,但发现一些没用到的 methods 还是被打包进去了,体积下不来。我试过把 mode 设成 production... 百里翌萌 前端 2026-02-27 14:19:21
清掉缓存目录,然后改成这样:
如果还不行,试试在 node_modules 目录下删掉 .webpack-cache 文件夹再重新构建。Windows 上有时候缓存目录权限或者路径问题会导致缓存失效。