index.md

dependency_order	example_app	repo
Path Integrity Error Script Stylesheet Chunks_js Chunks_css	foo app1 app2	https://github.com/SKalt/jekyll_asset_map/tree/master

jekyll_asset_map

GitHub License: Parity-6.0.0 Buy a license for use in closed source

When to use this

You should use this if all of the below are true:

you've got an existing Jekyll site written using liquid templates

you want to use some of the hot new tools from the JS ecosystem

but you don't want to completely rewrite your build process.

If you're going to process your HTML with some tool that runs in Node.js (webpack, rollup, parcel, gulp, or anything else), that tool likely has its own asset map implementation.

installation

Copy the [_includes/asset_map directory]({{ page.repo }}/_includes) into your own _includes directory.

API

---

{% for title in page.dependency_order %} {% assign content = site.api | where: "title", title %} {% include docs/api.md name=title content=content %} {% endfor %}

JS Compiler Configuration Examples

Example app to compile

{% for i in page.example_app %} {% capture f %}

// example/{{ i }}.js
{% include_relative assets/src/example/{{ i }}.js %}

{% endcapture %} {{ f | markdownify }} {% endfor%}

Configurations: - `rollup` - [simple configuration]({{ page.repo }}/examples/rollup/simple.js) - [maximally-split, maximally-hashed]({{ page.repo }}/examples/rollup/split.js) - `webpack` - `webpack-assets-manifest-plugin` - [simple configuration]({{ page.repo }}/examples/webpack/assets-manifest.simple.js) - [with integrity hashes]({{ page.repo }}/examples/webpack/assets-manifest.integrity.js) - `webpack-manifest-plugin` - [simple configuration]({{ page.repo }}/examples/webpack/manifest-plugin.config.js) - [with arrays of chunks for each entrypoint]({{ page.repo }}/examples/webpack/manifest-plugin.split.js)