eleventy-njk-unpkg-inliner

Inline npm modules from unpkg in Eleventy Nunjucks templates.

Usage no npm install needed!

<script type="module">
  import eleventyNjkUnpkgInliner from 'https://cdn.skypack.dev/eleventy-njk-unpkg-inliner';
</script>

README

eleventy-njk-unpkg-inliner

Inline npm modules from unpkg in Eleventy Nunjucks templates.

Description

Use this package as part of your Eleventy setup (only with Nunjucks) to download modules from npm (via unpkg) and include them as inline scripts in your templates via a shortcode.

Usage

npm i eleventy-njk-unpkg-inliner --save-dev

.eleventy.js

const unpkgInliner = require("eleventy-njk-unpkg-inliner");

module.exports = function(eleventyConfig) {
  ...

  eleventyConfig.addNunjucksAsyncShortcode('unpkgInliner', unpkgInliner);

  ...
}

some-template.njk

...

<!-- remember to use type="module" -->
<script type="module">
  /* use the path from any unpkg URL */
  {% unpkgInliner "treeboxjs@0.2.0/dist/index.js" %}
</script>

...