New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Arbitrary HTML asset aggregation #36

Open

zachleat opened this issue Oct 7, 2022 · 1 comment

Labels

Member

zachleat commented Oct 7, 2022

We already have CSS/JS asset aggregation. I’d like to see this with arbitrary HTML too. Think of a single WebC component file for a web font that includes both the @font-face CSS and the preload HTML together! Or a WebC icon that only includes a single <g> that aggregates up to a reusable de-duplicated SVG icon set.

<style webc:bucket="priority">
@font-face {
  src: url("font.woff2") format("woff2");
}
</style>

<template webc:bucket="header">
  <link rel="preload" href="font.woff2" as="font" type="font/woff2" crossorigin>
</template>

<template webc:bucket="svg-icon">
  <g id="icon-arrow”>
    <path d="…"></path>
  </g>
</template>

The text was updated successfully, but these errors were encountered:

zachleat added the enhancement label

Member Author

zachleat commented Feb 13, 2023

The bundle plugin has this functionality: https://github.com/11ty/eleventy-plugin-bundle (it needs to be wired up to WebC though)

see also 11ty/eleventy-plugin-webc#48

zachleat mentioned this issue

pages, bundler mode, and js/styles #55

Closed

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment