Dive into the exciting world of bundlers as the hosts discuss the best options of 2020. Discover the strengths of Webpack, Rollup, and Parcel, including ease of use and powerful features. Get insights into the speedy Snowpack and the all-in-one capabilities of tools like Roam. They also explore how modern tools like Deno and Vite enhance developer experiences. Personal anecdotes add relatability to the technical discussions, making it a must-listen for web developers!
24:37
forum Ask episode
web_stories AI Snips
view_agenda Chapters
auto_awesome Transcript
info_circle Episode notes
insights INSIGHT
Bundler Overview
Bundlers handle JavaScript, templating, and CSS, aiding development and production.
They manage complexities like JSX, TypeScript, polyfills, and tree shaking.
insights INSIGHT
Webpack Complexity
Webpack, while powerful and widely used, can be complex to configure from scratch.
It's often used within frameworks like Next.js and Gatsby, simplifying its usage.
volunteer_activism ADVICE
Rollup Recommendation
Rollup balances features and ease of use, offering tree shaking, plugins, and ESM support.
Consider it if you need fine-grained control over your bundling process.
Get the Snipd Podcast app to discover more snips from this episode
In this Hasty Treat, Scott and Wes talk about the state of bundlers in 2020 — Rome, Snowpack, Parcel, Webpack, Rollup, Vite, and more!
LogRocket - Sponsor
LogRocket lets you replay what users do on your site, helping you reproduce bugs and fix issues faster. It’s an exception tracker, a session re-player and a performance monitor. Get 14 days free at logrocket.com/syntax.
Show Notes
02:39 - What is a bundler?
On the one hand, you can write HTML, CSS and JavaScript and open it in the browser
On the other hand, your build could be super complex
Syntax - Tasty Web Development Treats