Vite 依赖预构建为什么总在启动时重新执行? 程序猿智越 提问于 2026-03-13 13:41:17 阅读 9 前端 我用 Vite 搭了个 React 项目,每次 npm run dev 启动时都会看到 “Pre-bundling dependencies” 的提示,明明之前已经跑过一次了,为什么还会重新预构建?是不是我哪里配置错了? 我试过删掉 node_modules/.vite 目录再重装依赖,但下次启动还是照样预构建。有些依赖比如 lodash 和 axios 明明没变,却每次都花好几秒处理,开发体验有点卡。 依赖预构建开发工具 我来解答 赞 4 收藏 分享 生成中... 手机扫码查看 复制链接 生成海报 反馈 发表解答 您需要先 登录/注册 才能发表解答 1 条解答 ♫淑芳 Lv1 问题很可能是你的项目里有通过 npm link 或 monorepo 方式引入的本地依赖,这种情况下 Vite 无法正确生成稳定的缓存标识,所以每次都重新预构建。 解决办法是在 vite.config.js 里用 optimizeDeps.entries 明确指定入口文件,或者用 include 把需要预构建的依赖固定下来: // vite.config.js export default defineConfig({ optimizeDeps: { include: ['lodash', 'axios'], entries: ['./src/main.jsx'] // 改成你的入口文件 } }) 另外检查一下 node_modules 下面有没有通过 symlink 引入的依赖,有的话用 yarn link 或 npm link 的那个包每次都会被当成新的。 回复 点赞 2026-03-13 13:43 加载更多 相关推荐 2 回答 32 浏览 Vite预构建时报错“Missing package”,但依赖明明已安装怎么办? 最近在用Vite开发项目,每次启动时预构建依赖都会卡住,报错说“Missing package: ‘@vue/reactivity’ required by ‘my-vue-app’”。但packag... ♫胜捷 前端 2026-02-15 23:01:32 1 回答 5 浏览 Vite预构建为啥没把我的第三方库缓存下来? 我用 Vite 开发时发现每次启动都重新预构建 lodash,明明之前已经 build 过了,按理说应该走缓存才对。是不是我哪里配置错了? 我试过删 node_modules 和 .vite 重新装,... Mc.志丹 优化 2026-03-11 11:06:19 2 回答 82 浏览 Vite SSR配置时为什么服务启动后无法加载CSS文件? 在用Vite+Vue3搭建SSR项目时,按照官方文档配置了服务端入口和客户端入口,但启动后页面样式完全失效。明明在客户端入口文件里正常导入了main.css,服务端返回的HTML里却看不到内联的样式块... 设计师子豪 工具 2026-02-02 06:03:33 2 回答 93 浏览 Vite预构建后依赖包体积反而变大了怎么办? 我在项目里给某个第三方库用了vite optimizeDeps预构建,结果打包后的vendor.js比之前还大200kb,这是怎么回事? 之前配置是这样的: optimizeDeps: { entri... Mr-培静 优化 2026-01-30 09:37:28 1 回答 13 浏览 为什么 Vite 启动后修改 React 组件不热更新? 我用 Vite 搭了个 React 项目,但改完组件代码保存后页面没自动刷新,得手动 F5 才能看到变化。控制台也没报错,HMR 日志看着正常。是不是哪里配置错了? 我的组件写法如下: import ... 景源 Dev 前端 2026-03-07 22:02:20 2 回答 23 浏览 Vite打包库时为什么第三方依赖会被包含进输出文件? 我用Vite的Library模式打包一个React组件库,但发现打包后的文件包含了react-i18next的代码,明明在vite.config里设置了external排除。试过调整optimizeD... 萌新.一鸣 工具 2026-02-18 16:19:26 2 回答 62 浏览 为什么Vite处理Sass比Webpack慢那么多? 我在给旧项目迁移到Vite时发现奇怪的现象,同样的Sass文件用Vite构建反而比原来的Webpack更卡顿。比如这个带变量和嵌套的CSS: :root { --primary: #3498db; -... 设计师奕森 前端 2026-02-10 21:34:31 2 回答 79 浏览 迁移Vite项目到4.x后,为什么插件报错说配置参数无效? 最近在把项目从Vite2迁移到4.x版本,按照迁移指南升级了依赖,但运行时提示@vitejs/plugin-react插件的配置参数jsxImportSource无效。明明迁移文档里说这个参数还存在啊... 开发者恒菽 工具 2026-02-08 18:40:41 2 回答 65 浏览 为什么我的Vite插件在build时无法修改输出的JS文件内容? 我在用Vite写一个自定义插件,想在构建时给所有JS文件自动添加一段版权注释。按照文档用了transform钩子,开发服务启动时控制台确实打印了修改后的代码,但生成的dist文件里完全没有变化,这是为... 设计师璟春 工具 2026-01-28 00:32:25 1 回答 15 浏览 Vite打包后React组件样式丢失了怎么办? 我用Vite + React开发的项目,本地运行一切正常,但执行 npm run build 打包部署到线上后,发现部分组件的CSS样式完全没生效,控制台也没报错,这是啥情况? 我试过把样式写在组件内... 世梅(打工版) 前端 2026-03-09 11:01:21
解决办法是在 vite.config.js 里用 optimizeDeps.entries 明确指定入口文件,或者用 include 把需要预构建的依赖固定下来:
另外检查一下 node_modules 下面有没有通过 symlink 引入的依赖,有的话用 yarn link 或 npm link 的那个包每次都会被当成新的。