目前的界面
测试修改后的界面
实现的过程
1.引入 patch-package 插件
npm install patch-package -D
2.在node_modules中找到引入vue3-video-play包
3.修改后,删除node_modules包
因为自己测试的时候发现,不删除当前的node_modules包,会不生效,所以直接删完了重新安装
4.执行 patch-package 的打补丁操作,很重要
npx patch-package vue3-video-play
得到这样一个补丁文件
5.删完了包,来到了最重要的一步,如果package.json文件中没有自动生成 这个 “postinstall”: “patch-package”,就手动补入
"scripts":{
"postinstall": "patch-package"
},
5.开始验证了,重新下载依赖包,然后运行项目,看效果了,这边跳过了运行验证步骤
npm i