vue3+vite项目,改了node_modules的代码为什么不生效?

2,571 阅读1分钟

现象

做的一个后台系统,使用了vue3+vite,有次要改node_modules里插件的源码,发现怎么改都没有用,重新启动也没用,浏览器里执行的代码还是老代码。

解决办法

删除掉 node.modules/.vite 文件夹。 或者启动时执行 yarn dev --force

原因

根据官方文档 ,vite会将预构建的依赖,缓存到 node.modules/.vite下,只有以下文件发生改变,才会重新构建依赖:

  • package.json 中的 dependencies 列表
  • 包管理器的 lockfile,例如 package-lock.jsonyarn.lock,或者 pnpm-lock.yaml
  • 可能在 vite.config.js 相关字段中配置过的

如果出于某些原因,你想要强制 Vite 重新构建依赖,你可以用 --force 命令行选项启动开发服务器,或者手动删除 node_modules/.vite 目录.