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

相关推荐
~央千澈~1 天前
优雅草正版授权系统 - 优雅草科技开源2月20日正式发布
python·vue·php·授权验证系统
Roc.Chang2 天前
Vite 启动报错:listen EACCES: permission denied 0.0.0.0:80 解决方案
linux·前端·vue·vite
PD我是你的真爱粉2 天前
Vite 项目搭建与Pinia状态管理
前端框架·vue
麦麦大数据2 天前
F071_vue+flask基于YOLOv8的实时目标检测与追踪系统
vue.js·yolo·目标检测·flask·vue·视频检测
lyyl啊辉3 天前
1. Vue3简介
vue.js·vue
lyyl啊辉3 天前
4. Vue-Router机制
vue
FindYou.5 天前
基于mdEditor实现数据的存储和回显(导出pdf&表情包&目录)
javascript·vue
PD我是你的真爱粉7 天前
Vue3核心语法回顾与Composition深入
前端框架·vue
code袁7 天前
基于Springboot+Vue的家教小程序的设计与实现
vue.js·spring boot·小程序·vue·家教小程序
是梦终空8 天前
计算机毕业设计266—基于Springboot+Vue3的共享单车管理系统(源代码+数据库)
数据库·spring boot·vue·课程设计·计算机毕业设计·源代码·共享单车系统