Add html-minifier

Author: stedman

.eleventy.js

@@ -1,5 +1,6 @@
 const fs = require('fs');
 const pluginRss = require('@11ty/eleventy-plugin-rss');
+const htmlmin = require('html-minifier');
 const sassWatch = require('./_includes/sass-watch');
 const filter = require('./_includes/filter');
 const scAvatar = require('./_includes/shortcodes/avatar');
@@ -71,6 +72,23 @@ module.exports = (eleventyConfig) => {
   // PLUGIN: RSS feed
   eleventyConfig.addPlugin(pluginRss);
 
+  // TRANSFORM: minify HTML
+  eleventyConfig.addTransform('htmlmin', (content, outputPath) => {
+    if (typeof outputPath === 'string' && outputPath.endsWith('.html')) {
+      const minified = htmlmin.minify(content, {
+        useShortDoctype: true,
+        removeComments: true,
+        collapseWhitespace: true,
+        minifyCSS: true,
+        minifyJS: true,
+      });
+
+      return minified;
+    }
+
+    return content;
+  });
+
   // BROWSERSYNC: add ability to see 404.html in dev mode
   eleventyConfig.setBrowserSyncConfig({
     callbacks: {

_meetups/2016-01-19-meetup.md

@@ -1,6 +1,6 @@
 ---
 layout: meetup
-title: Alex Sexton talks about client-side "security"
+title: Alex Sexton talks about client-side "security"
 author: astacy
 when: 2016-01-19T19:30:00-06:00
 speakers:

index.html

@@ -14,16 +14,6 @@ <h1 class="is-sr-only">{{ title }}</h1>
         {%- meetupDetails meet.date, meet.data.venue, meet.data.after, 'Upcoming meetup details', meet.data.title, meet.url -%}
 
         <meta id="meet-date" time="{{ meet.date }}">
-        <script>
-          (function () {
-            const meetDate = document.getElementById('meet-date').getAttribute('time');
-
-            if (new Date(meetDate) < new Date()) {
-              // We may want to post an alternate message, but for now just delete the upcoming meetup.
-              document.querySelector('.meetup-details').remove();
-            }
-          }());
-        </script>
       </section>
 
       <section class="section">

package-lock.json

@@ -27,6 +27,7 @@
     "@11ty/eleventy-plugin-rss": "^1.0.7",
     "acorn": ">=5.7.4",
     "bulma": "^0.8.2",
+    "html-minifier": "^4.0.0",
     "lodash": "^4.17.19",
     "node-sass": "^4.14.0",
     "purgecss": "^2.3.0"