vite项目修改node_modules

问题详情

在使用某个依赖的时候遇到了bug,提交issue后不想一直等待到作者更新版本,所以寻求临时自己解决

问题解决

在node_modules里找到需要修改的依赖,修改想要修改的代码

修改后记得保存

然后在node_modules里找到.vite文件夹,将其全部删除

再npm run dev启动,刷新页面看看修改是否生效

Q&A

  • 为啥要删除.vite文件夹呢?
    我猜的,因为观察页面的请求,第三方依赖都是来自这个目录下的

    并且我试了,只修改不删除,修改不会生效

更新

如果使用的是pnpm包管理工具,可以直接使用命令

复制代码
pnpm patch 带版本的依赖名称

然后会返回一串地址,进入该地址,使用vscode打开,如果是vscode可以直接ctrl+点击

打开后直接对代码进行修改

修改完成后保存,使用上面返回的第二段指令提交修改

然后启动项目,修改即可生效,这种修改方式可以方便后续其他人也能编译得到修改后的内容

参考:https://zhuanlan.zhihu.com/p/656735158

相关推荐
xiaotao13115 小时前
Vite 工作原理深度解析
vite·前端打包
苏瞳儿18 小时前
创建后端项目并实现增删改查
node.js·vue
xiaotao13118 小时前
Vite 概述与核心概念
vite·前端打包
名字很费劲2 天前
vue项目,刷新后出现404错误,怎么解决
前端·javascript·vue·404
码界筑梦坊2 天前
329-基于Python的交通流量数据可视化分析系统
开发语言·python·信息可视化·数据分析·django·vue·毕业设计
米丘2 天前
从 HTTP 到 WebSocket:深入 Vite HMR 的网络层原理
http·node.js·vite
Thomas.Sir2 天前
第五章:RAG知识库开发之【利用RAG知识库实现智能AI系统:从零构建企业级智能问答应用】
人工智能·python·vue·状态模式·fastapi·智能
Rysxt_2 天前
Vue 3.4+ 实验性/新特性深度实战(2026版)
vue
蜡台2 天前
Vue 打包优化
前端·javascript·vue.js·vite·vue-cli
码界筑梦坊2 天前
353-基于Python的大湾区气候数据可视化分析系统
开发语言·python·信息可视化·数据分析·django·vue·毕业设计