Skip to main content

20 posts in 'Asset Pipelines'

Organizing NPM Build Scripts

I recently took an existing codebase and ported it over to Eleventy. The main purpose was to recreate the website with existing markdown files and CSS. Creating the collections and templates…

Jun 27, 2024

Categories: Asset PipelinesCSS/SassHow to...

Getting started with Eleventy

The missing getting-started guide for the Eleventy (11ty) static-site generator.

May 27, 2024

Categories: Asset PipelinesConfigurationGetting StartedLayoutsShortcodes

2024 redesign

Some notes about this 2024 redesign.

Apr 4, 2024

Categories: Asset PipelinesHow to...Plugins

How I shaved 1.5 minutes off my Eleventy build time

I had a revelation earlier today that solved a long-standing performance issue I’ve been having with the initial build of my Eleventy website, and here’s how it saved me a bunch of time!

Mar 24, 2024

Categories: Asset PipelinesHow to...PerformancePlugins

Using an Eleventy event to optimize component JavaScrip

I've added a small event to optimize web component JavaScript when my site builds.

Mar 10, 2024

Categories: Asset PipelinesHow to...Performance

@fec/eleventy-plugin-asset-pipeline: Better Cache Busting with Eleventy

I have created an Eleventy plugin to easily implement cache busting and asset handling.

Feb 18, 2024

Categories: Asset PipelinesHow to...Plugins

Delaying asset requests in Eleventy

Simulate slow connections on your Eleventy website using dev server middleware.

Sep 29, 2023

Categories: Asset PipelinesHow to...

Compiling CSS with Eleventy

A list of different options for compiling CSS with Eleventy

Aug 16, 2023

Categories: CSS/SassAsset Pipelines

A Future of Themes with CSS Container Style Queries

One way to implement themes on a website with style queries.

Jul 29, 2023

Categories: CSS/SassAsset Pipelines

Font Subsetting with Eleventy.js

Blog and general digital garden of the full stack programmer Simon Dann.

Mar 3, 2023

Categories: Asset PipelinesConfigurationHow to...Plugins

Combining 11ty Static Site Generator with ASP.NET Core

Combining 11ty Static Site Generator with ASP.NET Core for maximum awesomeness.

Feb 21, 2023

Categories: Asset PipelinesConfiguration

CAUTION

The posts below were published before the release of Eleventy v2.0.0 (Feb 8, 2023). Information in these posts may be out of date. The current stable release is 2.0.1. Eleventy v3.0 is currently under development and available for testing.

External Asset Pipeline with Eleventy

I like to use NPM scripts for my asset pipeline instead of using Eleventy to generate assets and orchestrate everything. The latest release of Eleventy Dev Server makes that approach both easy to implement and quite performant.

Jan 23, 2023

Categories: Asset PipelinesConfiguration

Eleventy asset pipeline: precompiled assets without Gulp

Precompiled Sass and JS files that become part of the source folder.

Nov 27, 2022

Categories: Asset PipelinesHow to...

Eleventy within Eleventy to compile when you compile: precompiling reused assets

Pre-compile some reused assets to avoid repeating the same operation.

Aug 25, 2022

Categories: Asset PipelinesHow to...

CAUTION

The posts below were published before the release of Eleventy v1.0.0 (Jan 9, 2022). Information in these posts may be out of date. The current stable release is 2.0.1. Eleventy v3.0 is currently under development and available for testing.

Asset Pipelines in Eleventy

While some SSGs have a standardized way of handling assets, Eleventy does not. That's a good thing! Here are a few possible approaches you can take.

Apr 26, 2021

Categories: Asset Pipelines

Let's Learn Eleventy (11ty) - How to make a JavaScript bundle

In the fifth part of the Let't Learn Eleventy series, we'll learn how handle JavaScript

Apr 25, 2021

Categories: Asset PipelinesHow to...

Asset Pipelines in Eleventy

This is a clever trick (probably too clever) for setting up Eleventy to manage asset pipelines like SCSS and JavaScript transformations, as well as using hashes in filenames for cache busting.

Nov 13, 2020

Categories: How to...CSS/SassAsset Pipelines

Get the blog by email (or RSS)

Powered by Buttondown