TypeScript-to-Inline-SVG交互式SVG生成工具
TypeScript 写的交互脚本直接塞进 SVG 里，还能缩小体积、预览方便，听起来是不是挺香？typescript-to-inline-svg就是干这个的。你把交互逻辑写在src/*.ts里，一跑脚本，它就帮你编译好、压缩好，通通塞进dist/index.svg里头，浏览器打开直接能看效果。
适合那种想生成纯前端、可独立运行的小交互 SVG的场景。像做 Web 图标演示、互动海报、甚至嵌入 PPT 都合适，响应快，依赖少，还好维护。你看下src/index-in.svg，里面就是脚本注入的写法，基本一看就懂。
开发流程也清爽：npm install装完依赖，npm run start一跑就能打开浏览器预览，改一下src目录下的代码，自动构建。用webpack构建的时候也不复杂，设置都写好了。
你要是经常和SVG 交互、Webpack、TypeScript打交道，又不想手动折腾内联脚本，那这个项目还蛮值得一试的。尤其是对前端动画和数据可视化的场景来说，轻量灵活才是王道。
顺手推荐几个相关工具，比如Webpack-SVG-Spritely用来生成 SVG 精灵图，还有Markup Inline Loader也支持内联 SVG 进 HTML，也都挺实用的。
如果你也在搞纯 SVG 输出或者打算做点可移植的互动小玩意，可以用它玩一下，嗯，真的还挺爽。
文件大小：794.13KB
评论区