vite下，修改node_modules源码后，在浏览器源码中看不到改动的内容

一、解决办法

​​vite官网 - 缓存​​ vite下，修改node_modules源码后，在浏览器的源代码中看不到改动的内容，查看vite文档后发现了这么一段话：

文件系统缓存​​¶​​

Vite 会将预构建的依赖缓存到 ​​node_modules/.vite​​。它根据几个源来决定是否需要重新运行预构建步骤:

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

只有在上述其中一项发生更改时，才需要重新运行预构建。

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

浏览器缓存​​¶​​

解析后的依赖请求会以 HTTP 头 ​​max-age=31536000,immutable​​ 强缓存，以提高在开发时的页面重载性能。一旦被缓存，这些请求将永远不会再到达开发服务器。如果安装了不同的版本（这反映在包管理器的 lockfile 中），则附加的版本 query 会自动使它们失效。如果你想通过本地编辑来调试依赖项，你可以:

1. 通过浏览器调试工具的 Network 选项卡暂时禁用缓存；
2. 重启 Vite dev server，并添加 ​​--force​​ 命令以重新构建依赖；
3. 重新载入页面。

二、实操结果

箴言：因为这些东西是非常简单的。不要抱怨自己学不会，那是因为你没有足够用心。