About this episode
Alex and Chris discuss the complexities and functionalities of the 2.0 Editor's support for npm packages.
Alex and Chris talk about how the 2.0 Editor supports packages from npm. The trick is both simple and complex. The idea is simple. We detect the packages you want to use, list them in an (editable) package.json file, then turn that into a <script type="importmap"> in your HTML files that import those packages from esm.sh. Complex in that, well, all those steps are fairly difficult to get right, handle all edge cases, and do extremely quickly. All of which the CodePen Compiler does. Time Jumps
People in this episode
Hosts: Alex, Chris
Topics covered
- CodePen
- npm packages
- web development
- JavaScript
- editor tools
Keywords
- CodePen
- npm
- package.json
- 2.0 Editor
- web development
- JavaScript
Mentioned in this episode
Products: 2.0 Editor, npm, package.json, esm.sh, CodePen Compiler
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.