Add cachebusting

Author: BrianMitchL

.eleventy.js

@@ -1,5 +1,6 @@
 const fs = require('fs');
 const inclusiveLangPlugin = require('@11ty/eleventy-plugin-inclusive-language');
+const cacheBuster = require('@mightyplow/eleventy-plugin-cache-buster');
 const htmlmin = require('html-minifier');
 const { minify } = require('terser');
 const siteSettings = require('./src/globals/site.json');
@@ -10,6 +11,22 @@ module.exports = function (eleventyConfig) {
 
   eleventyConfig.addPlugin(inclusiveLangPlugin);
 
+  if (process.env.ELEVENTY_ENV === 'production') {
+    eleventyConfig.addPlugin(cacheBuster({ outputDirectory: 'dist' }));
+
+    eleventyConfig.addTransform('htmlmin', function (content, outputPath) {
+      if (outputPath && outputPath.endsWith('.html')) {
+        return htmlmin.minify(content, {
+          useShortDoctype: true,
+          removeComments: true,
+          collapseWhitespace: true,
+        });
+      }
+
+      return content;
+    });
+  }
+
   eleventyConfig.addNunjucksAsyncFilter('jsmin', async function (
     code,
     callback
@@ -43,22 +60,6 @@ module.exports = function (eleventyConfig) {
     },
   });
 
-  eleventyConfig.addTransform('htmlmin', function (content, outputPath) {
-    if (
-      process.env.ELEVENTY_ENV === 'production' &&
-      outputPath &&
-      outputPath.endsWith('.html')
-    ) {
-      return htmlmin.minify(content, {
-        useShortDoctype: true,
-        removeComments: true,
-        collapseWhitespace: true,
-      });
-    }
-
-    return content;
-  });
-
   return {
     pathPrefix: siteSettings.baseUrl,
     dir: {

package-lock.json

@@ -23,6 +23,7 @@
   "devDependencies": {
     "@11ty/eleventy": "^0.11.0",
     "@11ty/eleventy-plugin-inclusive-language": "^1.0.0",
+    "@mightyplow/eleventy-plugin-cache-buster": "^1.1.3",
     "@tailwindcss/typography": "^0.2.0",
     "autoprefixer": "^10.0.1",
     "cross-env": "^7.0.2",