Minimize html (#532)

* minimizes html * quick package fix * removes clean-html --------- Co-authored-by: Shawn Thompson <[email protected]>
gc-da11yn · Jan 8, 2024 · f90ee74 · f90ee74
1 parent b190bbe
commit f90ee74
Show file tree

Hide file tree

Showing 4 changed files with 164 additions and 188 deletions.
diff --git a/.eleventy.js b/.eleventy.js
@@ -3,6 +3,7 @@ const markdownItAnchor = require('markdown-it-anchor');
 const markdownItAttrs = require('markdown-it-attrs');
 const { EleventyHtmlBasePlugin } = require('@11ty/eleventy');
 const { stripHtml } = require('string-strip-html');
+const htmlmin = require("html-minifier");
 const { dynamicImport } = require('tsimportlib');
 
 module.exports = function (eleventyConfig) {
@@ -37,6 +38,18 @@ module.exports = function (eleventyConfig) {
 
   eleventyConfig.addPlugin(EleventyHtmlBasePlugin);
 
+   // Minify HTML output
+   eleventyConfig.addTransform("htmlmin", function(content, outputPath) {
+    if (outputPath && outputPath.endsWith(".html")) {
+      return htmlmin.minify(content, {
+        useShortDoctype: true,
+        removeComments: true,
+        collapseWhitespace: true
+      });
+    }
+    return content;
+  });
+
   eleventyConfig.addFilter("localeMatch", function (collection) {
     const { locale } = this.ctx; // avoid retrieving it for each item
     return collection.filter((item) => item.data.locale === locale);