Your Own Build Tool Agnostic Web-Plugin? Easy as 1 2 3(D)
summary
A build-tool-agnostic plugin is implemented that preprocesses glTF files at build time, parses full scene graphs with a patched three.js in Node runner, and generates both runtime code and type-safe TypeScript definitions via Handlebars so nodes (e.g. train, pantograph) are addressable by name and index instead of depth-first search. It integrates with Vite, esbuild, Rollup, Rspack and webpack via unplugin, produces a working glTF type toolkit on GitHub, and exposes known limits around watcher and bundler differences.
AI-written summary · about
chapters (14)
- 0:00Introduction
- 1:08Build tool agnostic plugin
- 2:52glTF files for 3D web
- 6:30glTF rendering in browser
- 8:173D development abstraction
- 9:21Native 3JS glTF loading issues
- 12:28Patching 3JS for build-time
- 13:57Type-safe code from glTF
- 15:47Plugins with unplugin
- 19:25Build tool differences in unplugin
- 21:57Unifying build tools challenges
- 22:39Demo of glTF toolkit
- 22:59Takeaways and why unplugin
- 24:03Q&A
