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

相关推荐
codingWhat1 天前
前端组件库开发实践:从零到发布
前端·npm·vite
小岛前端2 天前
Cloudflare 掀桌子了,Next.js 迎来重大变化,尤雨溪都说酷!
前端·vite·next.js
南_山无梅落3 天前
从传统Web到API驱动:使用Django REST Framework重构智能合同审查系统
重构·django·vue·drf
Java陈序员4 天前
太香了!一款轻量级的 Elasticsearch 可视化管理工具!
vue.js·elasticsearch·vite
PD我是你的真爱粉4 天前
API 请求封装(Axios + 拦截器 + 错误处理)
前端框架·vue
天蓝色的鱼鱼5 天前
Vite 8:从“混动”到“纯电”,构建性能提升10倍+
前端·vite
biyezuopinvip6 天前
基于Spring Boot的投资理财系统设计与实现(毕业论文)
java·spring boot·vue·毕业设计·论文·毕业论文·投资理财系统设计与实现
biyezuopinvip6 天前
基于Spring Boot的投资理财系统设计与实现(任务书)
java·spring boot·vue·毕业设计·论文·任务书·投资理财系统设计与实现
huohuopro6 天前
Vue3 Webview 转 Android 虚拟导航栏遮挡问题记录
android·vue
码界筑梦坊7 天前
332-基于XGBoost与SHAP的可穿戴设备亚健康风险识别系统
python·数据分析·flask·vue·毕业设计