About this episode
Robert and Chris discuss the choices around Babel configurations in CodePen.
Robert and Chris hop on the show to talk about choices we've had to make around Babel. Probably the best way to use Babel is to just use the @babel/preset-env plugin so you get modern JavaScript features processed down to a level of browser support you find comfortable. But Babel supports all sorts of plugins, and in our Classic Editor, all you do is select "Babel" from a dropdown menu and that's it. You don't see the config nor can you change it, and that config we use does not use preset env. So we're in an interesting position with the 2.0 editor. We want to give new Pens, which do support editable configs, a good modern config, and we want all converted Classic Pens a config that doesn't break anything. There is some ultra-old cruft in that old config, and supporting all of it felt kinda silly. We could support a "legacy" Babel block that does support all of it, but so far, we've decided to just provide a config that handles the vast majority of old stuff, while using the same Babel block that everyone will get on day one. We're still in the midst of working on our conversion code an verifying the output of loads of Classic Pens, so we'll see how it goes! Time Jumps
People in this episode
Guests: Robert, Chris
Topics covered
- Babel
- JavaScript
- web development
- CodePen
- editor configuration
Keywords
- Babel
- JavaScript
- preset-env
- CodePen
- editor
Mentioned in this episode
Organizations: CodePen
Products: @babel/preset-env
More episodes of CodePen Radio
- 428: Billing · June 9, 2026
- 427: Next.js and The Journey of SSR · June 2, 2026
- 426: Browserslist in CodePen 2.0 · May 27, 2026
- 425: Debug Logs · May 12, 2026
- 424: File List Optimization · April 29, 2026
- 423: 2.0 Templates · April 22, 2026
Explore listener stats, chart rankings, contacts and more on the CodePen Radio podcast page.