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

相关推荐
QGC二次开发10 小时前
Vue3:mitt实现组件通信
前端·javascript·vue.js·vue
coder what14 小时前
SSM+vue音乐播放器管理系统
java·vue·ssm·音乐播放器管理系统
applebomb17 小时前
【高阶用法】uniapp的i18n/修复/增强/App无重启更换语言
typescript·uni-app·vue·i18n·unibest
QGC二次开发1 天前
Vue3:v-model实现组件通信
前端·javascript·vue.js·前端框架·vue·html
蓝染-惣右介2 天前
【若依RuoYi-Vue | 项目实战】帝可得后台管理系统(二)
java·前端·后端·vue·springboot
学习ing小白2 天前
JavaWeb - 5 - 前端工程化
前端·elementui·vue
一只小阿乐2 天前
前端web端项目运行的时候没有ip访问地址
vue.js·vue·vue3·web端
hello_fracong2 天前
3.Vue2结合element-ui实现国际化多语言i18n
vue
码力码力我爱你3 天前
QT + WebAssembly + Vue环境搭建
vue.js·vue·wasm·webassembly·emscripten
尸僵打怪兽3 天前
后台数据管理系统 - 项目架构设计-Vue3+axios+Element-plus(0916)
vue.js·vue