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

相关推荐
AverageJoe199139 分钟前
一次vite热更新不生效问题排查
前端·debug·vite
普宁彭于晏42 分钟前
Uni-app 生命周期与钩子:程序的“生命”旅程
uni-app·vue
你喜欢喝可乐吗?6 小时前
RuoYi-Cloud 验证码处理流程
java·spring cloud·微服务·vue
魂兮归乡8 小时前
B2、进度汇报(— 25/06/16)
经验分享·spring boot·ai·vue·团队开发·课程设计·web app
灰海9 小时前
封装WebSocket
前端·网络·websocket·网络协议·vue
布兰妮甜1 天前
开发在线商店:基于Vue2+ElementUI的电商平台前端实践
前端·javascript·elementui·vue
大菠萝学姐1 天前
基于Spring Boot和Vue的高校图书馆座位预约系统的设计与实现
java·vue.js·spring boot·后端·python·mysql·vue
黄焖鸡能干四碗1 天前
系统安全设计方案,软件系统安全设计方案
开发语言·数据库·安全·vue·系统安全
知识分享小能手2 天前
Vue3 学习教程,从入门到精通,使用 VSCode 开发 Vue3 的详细指南(3)
前端·javascript·vue.js·学习·前端框架·vue·vue3
做梦都在学习前端4 天前
发布一个monaco-editor 汉化包
前端·npm·vite