Vite - 如何更改node_modules文件夹中的代码以调试/查找错误

Question

来自 Webpack，我能够更改node_modules文件夹中的代码，以便添加console.log语句或类似的内容来查找错误。有时我错误地使用外部库，并且更容易更改文件node_modules夹中的行/文件以找出我的错误。

对于 Vite，这是不可能的。我可以node_modules通过浏览器更改文件夹中我想要的任何内容，仍然使用原始库代码。有没有一种方法可以让我更改文件，以便 Vite 识别更改并使用我的新文件？

注意：这不是关于拉取请求或永久更改，而是关于console.log(typeof X)一次性使用的类似内容。

基本上与这个问题相同，无论捆绑器如何，更改node_modules中的代码在热重载中都不起作用

Answer 1

使用标志重新启动 Vite 开发服务器--force以重新捆绑 deps。这与手动删除目录具有相同的效果node_modules/.vite。

有关详细信息，请参阅依赖项预捆绑中的文件系统缓存。

Answer 2

部门预捆绑

根据archive.org:vitejs.dev/guide/dep-pre-bundling.html，它不被称为“缓存”，而是“dep pre-bundling” - 你知道，因为我们不希望平均 Joe 的搜索词我们现在工作可以吗？

删除Vite缓存

rm -rf ./node_modules/.vite

没有 Vite 缓存的情况下重新加载 Dev

rm -rf node_modules/.vite; npm run dev

猴子补丁离开

我正在费尽心思地尝试调试需要 PR 的依赖项，并做一些愚蠢的事情，例如重新发布vite-shim-foobar，因为我找不到缓存，但是......我找到了它。所以现在我也可以猴子补丁来调试东西！