<p class="wp-block-paragraph">Alex and Chris talk about how the 2.0 Editor <a href="https://blog.codepen.io/docs/pens/packages/">supports packages from npm</a>. 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 <a href="https://esm.sh/">esm.sh</a>. Complex in that, well, all those steps are fairly difficult to get right, handle all edge cases, and do extremely quickly. All of which <a href="https://codepen.io/beta/compiler">the CodePen Compiler</a> does.  </p>



<h2 class="wp-block-heading">Time Jumps</h2>





<p class="wp-block-paragraph"></p>

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 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

<p>Alex and Chris talk about how the 2.0 Editor <a href="https://blog.codepen.io/docs/pens/packages/" rel="noopener noreferrer">supports packages from npm</a>. 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 </p>

422: Supporting Packages

The CodePen team talk about the ins and outs of running a web software business.

Share 422: Supporting Packages

Sign up to save your podcasts

422: Supporting Packages

422: Supporting Packages

More shows like CodePen Radio

The Joe Rogan Experience

Pivot

Syntax - Tasty Web Development Treats

Darknet Diaries

Prof G Markets