An Eleventy plugin to automatically minify files

Usage no npm install needed!

<script type="module">
  import sherbyEleventyPluginFilesMinifier from 'https://cdn.skypack.dev/@sherby/eleventy-plugin-files-minifier';



This plugin allow you to automatically minify files when builting with Eleventy. It currently supports css, html, json, xml, xsl and webmanifest files.

Why should you minify your files? Simply to reduce the data transfered between your hosting servers and your visitors, even if some of them maybe some bots.

Under the hood, this plugin use the following plugins to minify code:


Install the dependency with NPM:

npm install @sherby/eleventy-plugin-files-minifier --save-dev

Open up your Eleventy config file (probably .eleventy.js) and use addPlugin:

const eleventyPluginFilesMinifier = require("@sherby/eleventy-plugin-files-minifier");
module.exports = (eleventyConfig) => {


The plugin will automatically minify supported files, you don't need to do anything except the installation!

Make sure that the files you want to minify are currently written by Eleventy. If not, you can easily rename it and add Front matter options. By example, for the manifest.webmanifest file, I could rename it as manifest.webmanifest.njk and add the following code at his top:

eleventyExcludeFromCollections: true
permalink: /manifest.webmanifest


Increment the version defined in the package.json file and run the command below to publish the module in the registry:

# Dry run
npm publish --dry-run

# For real (are you really sure?)
npm publish --access public


The MIT License (MIT)