jaredgorski / eleventy-njk-unpkg-inliner

Inline npm modules in Eleventy Nunjucks templates.

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>

...