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 天前
Vite 开发服务器启动时,如何将 client 注入 HTML?
javascript·node.js·vite
米丘1 天前
vite 插件 @vitejs/plugin-vue
javascript·node.js·vite
DazedMen1 天前
前端自定义接口返回,想咋玩就咋玩
前端·vue·接口拦截
劉三岁2 天前
平板网页开发,px vs rem + 适配方案
vue·电脑
蓝黑20202 天前
Vue组件通信之emit
前端·javascript·vue
吴声子夜歌2 天前
Vue3——v-for指令
前端·javascript·vue
杨艺韬2 天前
vite内核解析-第2章 架构总览
前端·vite
滴滴答答哒3 天前
Vue3 动态路由组件加载:后台字符串到前端懒加载组件的完美转换
vue
阿飞不想努力3 天前
文件上传原理与实操
java·spring boot·vue·文件上传
曲幽4 天前
FastAPI+Vue:文件分片上传+秒传+断点续传,这坑我帮你踩平了!
python·vue·upload·fastapi·web·blob·chunk·spark-md5