#303: Using JavaScript Packages / ES Modules on CodePen

CodePen Radio

Episode | Podcast

Date: Wed, 17 Feb 2021 02:22:00 +0000

<p>Stephen and I dig into just about every way that <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Modules">ES Modules</a> are relevant on CodePen. They are <em>extremely wonderful</em>. The fact that browsers support native import/export for JavaScript, and the existence of amazing projects like <a href="https://www.skypack.dev/">Skypack</a> which bring the npm ecosystem to ES Modules, opens up all sorts of doors on CodePen. We look at how to use ES Modules in the Pen Editor, Project Editor, and Vue Editor.</p> <h3 id="h-sponsor-jetpack">Sponsor: <a href="https://jetpack.com/?aff=8638">Jetpack</a></h3> <p>Jetpack is a plugin for WordPress, and we use it right here on this very site. It powers our realtime backups, helps secure the site, allows us to use Markdown, speeds up the site with a CDN, and provides a powerful site search experience.</p>