A practical guide to choosing a JavaScript tooling strategy in Rails, covering Webpack, Rollup, esbuild, and Importmaps. Webpack is dismissed as a legacy heavyweight, Rollup is noted as better suited for library authoring, esbuild is recommended for React/Vue/TypeScript projects due to its Go-powered speed, and Importmaps is highlighted as the Rails default for Hotwire-based apps requiring no build step or Node.js dependency. The post concludes with a simple decision rule: use esbuild for component-heavy frontends, Importmaps for standard Rails Omakase stacks.

5m read timeFrom norvilis.com
Post cover image
Table of contents
1. Webpack (The Heavyweight Dinosaur)2. Rollup (The Library Builder)3. esbuild (The Speed Demon)4. Importmaps (The Rails Default / No-Build)Summary: Which one should you pick?

Sort: