Created By
Troy Rhinehart
Aaron Silvas
What is it?
Infusing the greatest benefits of modern bundlers (Webpack, Rollup) and loaders (SystemJS, RequireJS) into an all inclusive build and run-time solution optimized for the end-user experience.
guac-widget-registry
- Uses Webpack@3
- Output is UMD in ES2015
- Builds Client, Server, and each Bootstrap
- Only supports Widgets
- Uses XHR + eval on browser
- Uses http/https on Node
- Not available on published sites
Gallery (8 layouts)
- 8 client layouts (285 KB)
- 8 publish layouts (445 KB)
- 1 hooks (3.93 KB)
- Total Size: 734 KB
- Total Assets: 17
- Total Builds: 10
- Total Time: 26 sec
- Total Manifest: 1.96 KB
radpack
- Uses rollup@2
- Output is AMD ES7+
- Builds Bootstraps and Client
- Supports any JS library
- Uses <script/> on browser
- Uses fetch + eval on Node
- Available on published sites
Gallery (8 layouts)
- 8 client layouts (71 KB)
- 7 chunks (23 KB)
- 8 bootstrap layouts (51 KB)
- 6 chunks (18 KB)
- 1 hooks (824 B)
- Total Size: 163 KB
- Total Assets: 30
- Total Builds: 2
- Total Time: 10 sec
- Total Manifest: 2.37 KB
Delta
- Size: -571 KB (78% decrease)
- Assets: +13 (76% increase)
- Builds: -8 (80% decrease)
- Time: -12 sec (55% decrease)
- Manifest: +410 B (21% increase)
Client Before
Client After
Questions?
#im-radpack #radpack
https://github.secureserver.net/PC/radpack/
https://github.secureserver.net/pages/PC/radpack/