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

相关推荐
麦麦大数据10 小时前
F003疫情传染病数据可视化vue+flask+mysql
mysql·flask·vue·大屏·传染病
再学一点就睡11 小时前
Vite 工作原理(简易版)—— 从代码看核心逻辑
前端·vite
随笔记2 天前
使用vite新搭建react项目,都需要配置什么?
前端·react.js·vite
清风不问烟雨z2 天前
不仅仅是 Mock 服务:mock-h3,让前端也能优雅拥有后端能力
前端·javascript·vite
前端赵哈哈2 天前
Vue 3 + TypeScript 项目模板
前端·vue.js·vite
知识分享小能手2 天前
Vue3 学习教程,从入门到精通,Axios 在 Vue 3 中的使用指南(37)
前端·javascript·vue.js·学习·typescript·vue·vue3
HYI2 天前
小公司前端多分支测试太痛苦?我自己写了个轻量 CLI
nginx·vite
码码哈哈爱分享2 天前
Tauri 框架介绍
css·rust·vue·html
i紸定i3 天前
解决html-to-image在 ios 上dom里面的图片不显示出来
前端·ios·vue·html·html-to-image
xiaohe06013 天前
👋 一起写一个基于虚拟模块的密钥管理 Rollup 插件吧(一)
vite·rollup.js