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

相关推荐
嘟嘟07171 小时前
JWT 登录认证完整流程(React + Vite 实战复习)
react.js·vite
常宇佳1 天前
vue3 @代指src路径设置
前端·typescript·vue
北城笑笑1 天前
Server 18 ,Nginx + Vite 前端部署排错实战:从 `/api/gpt/chat` 404 到 9012 后端服务的完整定位过程
linux·运维·前端·nginx·ubuntu·vue
xyphf_和派孔明2 天前
Vite 与 Webpack 对比及常见面试题
前端·webpack·vite
禁止摆烂_才浅2 天前
Vite 面试题
前端·面试·vite
小强库计算机毕业设计5 天前
SpringBoot+Vue3 学生宿舍管理系统实战
java·spring boot·后端·vue·学生宿舍管理系统
cyadyx6 天前
Vite 比 Webpack 构建效率更高
前端·webpack·node.js·vite
java1234_小锋7 天前
Vue3专题 - 组件基础
vue.js·vite
TELL5217 天前
vue前端架构
vue
小锋java12347 天前
【技术专题】Vue3 - 生命周期
vue.js·vite