svg-pan-zoom 3.6.1离线包
离线环境下搞前端开发，说实话，真得靠点“土办法”。像我用的<svg-pan-zoom>，就得手动整包、传包、解包，配置得清清楚楚才行。还好这个库挺轻便，配在vue3.2.47上也不卡。
svg-pan-zoom 的离线包，适合在内网或隔离环境里搞开发的同学。你只要把它下载下来，放到node_modules的根目录，在package.json里加一句：
"svg-pan-zoom": "^3.6.1"这样就能愉快地用起来了。
用它干啥？比如你项目里有流程图、坐标图、平面图等要拖拽缩放交互的 SVG，直接配合ref一挂，响应也快，代码也简单：
import svgPanZoom from 'svg-pan-zoom';
onMounted(() => {
svgPanZoom(document.getElementById('mySvg'));
});
注意 SVG 得有id，不然找不到元素。
如果你跟我一样需要离线安装依赖，推荐你看看这些文章：
- pm2-linux 离线包上传 node_modules 方法，手动拷贝啥的都有写
- Vue 项目中的 package.json 文件解析，对
dependency结构解释得蛮清楚 - Yomu 轻松管理 node_modules 的 README 文件，挺适合整理离线包结构
提醒一句：下载完的包记得解压后检查一下结构，要是少了dist或main.js，项目跑不起来。你可以用package-deps-cli（看这篇）来列下依赖确认下。
如果你常在离线环境折腾前端，建议专门搞个“依赖收集器”目录，打好包，一次传一堆，省事儿。
文件大小：667.05KB
评论区