From 4a56de52a4fa7f8c5f0aed60ae57292f0d9013b8 Mon Sep 17 00:00:00 2001
From: BlindDespair <blind.despair@gmail.com>
Date: Thu, 18 Nov 2021 16:31:17 +0100
Subject: [PATCH] feat(scully-plugin-minify-html): introduce a minify-html
 plugin

fix(monorepo): add missing config
---
 .../plugins/built-in-plugins/minifyHtml.md    | 111 +++++++
 .../scully-plugin-minify-html/.eslintrc       |   1 +
 .../scully-plugin-minify-html/README.md       | 102 ++++++
 .../scully-plugin-minify-html/package.json    |  26 ++
 .../scully-plugin-minify-html/src/index.ts    |   1 +
 .../lib/plugins-scully-plugin-minify-html.ts  |  60 ++++
 .../scully-plugin-minify-html/tsconfig.json   |  14 +
 .../tsconfig.lib.json                         |  12 +
 nx.json                                       |   3 +
 package-lock.json                             | 298 +++++++++++++++++-
 package.json                                  |   2 +
 tsconfig.base.json                            |   1 +
 workspace.json                                |  30 ++
 13 files changed, 658 insertions(+), 3 deletions(-)
 create mode 100644 docs/Reference/plugins/built-in-plugins/minifyHtml.md
 create mode 100644 libs/plugins/scully-plugin-minify-html/.eslintrc
 create mode 100644 libs/plugins/scully-plugin-minify-html/README.md
 create mode 100644 libs/plugins/scully-plugin-minify-html/package.json
 create mode 100644 libs/plugins/scully-plugin-minify-html/src/index.ts
 create mode 100644 libs/plugins/scully-plugin-minify-html/src/lib/plugins-scully-plugin-minify-html.ts
 create mode 100644 libs/plugins/scully-plugin-minify-html/tsconfig.json
 create mode 100644 libs/plugins/scully-plugin-minify-html/tsconfig.lib.json

diff --git a/docs/Reference/plugins/built-in-plugins/minifyHtml.md b/docs/Reference/plugins/built-in-plugins/minifyHtml.md
new file mode 100644
index 000000000..dd8740906
--- /dev/null
+++ b/docs/Reference/plugins/built-in-plugins/minifyHtml.md
@@ -0,0 +1,111 @@
+---
+title: minify html Plugin
+published: false
+lang: en
+position: 100
+---
+
+
+# `minify-html` Plugin
+
+## Overview
+This `postProcessByHtml` plugin will minify the HTML of your pre-rendered pages. 
+
+Removing unnecessary code will decrease the size of your files.
+This will speed up your loading times and mobile scores even more!
+
+## Getting Started
+
+### 1. Install the plugin:
+
+To install this library with `npm` run
+
+```bash
+$ npm install --save-dev @scullyio/scully-plugin-minify-html
+```
+
+This package depends on the [`html-minifier-terser`](https://www.npmjs.com/package/html-minifier-terser) package.
+It will be installed automatically when installing this package. 
+
+### 2. Use the plugin:
+
+Then add it to your `scully.<projectname>.config.ts` like this:
+
+```typescript
+import { minifyHtml } from '@scullyio/scully-plugin-minify-html';
+
+const postRenderers = [minifyHtml];
+
+const defaultPostRenderers = [minifyHtml];
+
+export const config: ScullyConfig = {
+  /** more config here */
+  defaultPostRenderers,
+  /** more config here */
+  routes: {
+    /** more config here */
+  },
+};
+```
+
+The above config will use the plugin on _all_ routes. If you want to use in on a single route, add it to the config of that particular route like this:
+
+```typescript
+export const config: ScullyConfig = {
+  /** more config here */
+  routes: {
+    someRoute: {
+      type: 'contentFolder', // Or any other type
+      postRenderers: = [minifyHtml],
+    },
+     /** more route configs here */
+  }
+}
+```
+
+## Settings
+
+You can configure this plugin by using the `setPluginConfig` helper like this:
+
+```typescript
+setPluginConfig(minifyHtml, {
+  minifyJS: false,
+});
+```
+
+The `minifyHtml` plugin uses [html-minifier](https://www.npmjs.com/package/html-minifier) under the hood, so we can configure the minify options that are being used.
+The available options can be found in the interface [`Options`](https://github.com/DefinitelyTyped/DefinitelyTyped/blob/master/types/html-minifier/index.d.ts)
+
+**The default configuration is currently set at:**
+
+```typescript
+import { Options } from 'html-minifier';
+
+const defaultMinifyOptions: Options = {
+  caseSensitive: true,
+  removeComments: true,
+  collapseWhitespace: true,
+  collapseBooleanAttributes: true,
+  removeRedundantAttributes: true,
+  useShortDoctype: true,
+  removeEmptyAttributes: true,
+  minifyCSS: true,
+  minifyJS: true,
+  removeScriptTypeAttributes: true,
+  removeStyleLinkTypeAttributes: true,
+  // don't remove attribute quotes, not all social media platforms can parse this over-optimization
+  removeAttributeQuotes: false,
+  // don't remove optional tags, like the head, not all social media platforms can parse this over-optimization
+  removeOptionalTags: false,
+  // scully specific HTML comments
+  // this will always be added in the final minifyOptions config
+  ignoreCustomComments: [
+    /scullyContent-(begin|end)/
+  ],
+  // scully specific data injection
+  // this will always be added in the final minifyOptions config
+  ignoreCustomFragments: [
+    /<script id="ScullyIO-transfer-state">[.\s\S]*<\/script>/
+  ]
+};
+```
diff --git a/libs/plugins/scully-plugin-minify-html/.eslintrc b/libs/plugins/scully-plugin-minify-html/.eslintrc
new file mode 100644
index 000000000..1655d7292
--- /dev/null
+++ b/libs/plugins/scully-plugin-minify-html/.eslintrc
@@ -0,0 +1 @@
+{ "extends": "../../../.eslintrc", "rules": {}, "ignorePatterns": ["!**/*"] }
diff --git a/libs/plugins/scully-plugin-minify-html/README.md b/libs/plugins/scully-plugin-minify-html/README.md
new file mode 100644
index 000000000..0e98035f0
--- /dev/null
+++ b/libs/plugins/scully-plugin-minify-html/README.md
@@ -0,0 +1,102 @@
+# scully-plugin-minify-html
+
+This `postProcessByHtml` plugin will minify the HTML of your pre-rendered pages. 
+
+Removing unnecessary code will decrease the size of your files.
+This will speed up your loading times and mobile scores even more!
+
+## Getting Started
+
+### 1. Install the plugin:
+
+To install this library with `npm` run
+
+```bash
+$ npm install --save-dev @scullyio/scully-plugin-minify-html
+```
+
+This package depends on the [`html-minifier-terser`](https://www.npmjs.com/package/html-minifier-terser) package.
+It will be installed automatically when installing this package. 
+
+### 2. Use the plugin:
+
+Then add it to your `scully.<projectname>.config.ts` like this:
+
+```typescript
+import { minifyHtml } from '@scullyio/scully-plugin-minify-html';
+
+const postRenderers = [minifyHtml];
+
+const defaultPostRenderers = [minifyHtml];
+
+export const config: ScullyConfig = {
+  /** more config here */
+  defaultPostRenderers,
+  /** more config here */
+  routes: {
+    /** more config here */
+  },
+};
+```
+
+The above config will use the plugin on _all_ routes. If you want to use in on a single route, add it to the config of that particular route like this:
+
+```typescript
+export const config: ScullyConfig = {
+  /** more config here */
+  routes: {
+    someRoute: {
+      type: 'contentFolder', // Or any other type
+      postRenderers: = [minifyHtml],
+    },
+     /** more route configs here */
+  }
+}
+```
+
+## Settings
+
+You can configure this plugin by using the `setPluginConfig` helper like this:
+
+```typescript
+setPluginConfig(minifyHtml, {
+  minifyJS: false,
+});
+```
+
+The `minifyHtml` plugin uses [html-minifier](https://www.npmjs.com/package/html-minifier) under the hood, so we can configure the minify options that are being used.
+The available options can be found in the interface [`Options`](https://github.com/DefinitelyTyped/DefinitelyTyped/blob/master/types/html-minifier/index.d.ts)
+
+**The default configuration is currently set at:**
+
+```typescript
+import { Options } from 'html-minifier';
+
+const defaultMinifyOptions: Options = {
+  caseSensitive: true,
+  removeComments: true,
+  collapseWhitespace: true,
+  collapseBooleanAttributes: true,
+  removeRedundantAttributes: true,
+  useShortDoctype: true,
+  removeEmptyAttributes: true,
+  minifyCSS: true,
+  minifyJS: true,
+  removeScriptTypeAttributes: true,
+  removeStyleLinkTypeAttributes: true,
+  // don't remove attribute quotes, not all social media platforms can parse this over-optimization
+  removeAttributeQuotes: false,
+  // don't remove optional tags, like the head, not all social media platforms can parse this over-optimization
+  removeOptionalTags: false,
+  // scully specific HTML comments
+  // this will always be added in the final minifyOptions config
+  ignoreCustomComments: [
+    /scullyContent-(begin|end)/
+  ],
+  // scully specific data injection
+  // this will always be added in the final minifyOptions config
+  ignoreCustomFragments: [
+    /<script id="ScullyIO-transfer-state">[.\s\S]*<\/script>/
+  ]
+};
+```
diff --git a/libs/plugins/scully-plugin-minify-html/package.json b/libs/plugins/scully-plugin-minify-html/package.json
new file mode 100644
index 000000000..ac1699dba
--- /dev/null
+++ b/libs/plugins/scully-plugin-minify-html/package.json
@@ -0,0 +1,26 @@
+{
+  "name": "@scullyio/scully-plugin-minify-html",
+  "version": "1.0.0",
+  "peerDependencies": {
+    "@scullyio/scully": "*"
+  },
+  "repository": {
+    "type": "GIT",
+    "url": "https://github.com/scullyio/scully/tree/main/libs/plugins/scully-plugin-minify-html"
+  },
+  "keywords": [
+    "angular",
+    "scully",
+    "seo",
+    "scully-plugin",
+    "plugin",
+    "html",
+    "minifier"
+  ],
+  "dependencies": {
+    "html-minifier-terser": "^6.0.2"
+  },
+  "devDependencies": {
+    "@types/html-minifier-terser": "^6.0.0"
+  }
+}
diff --git a/libs/plugins/scully-plugin-minify-html/src/index.ts b/libs/plugins/scully-plugin-minify-html/src/index.ts
new file mode 100644
index 000000000..e944e0cbd
--- /dev/null
+++ b/libs/plugins/scully-plugin-minify-html/src/index.ts
@@ -0,0 +1 @@
+export * from './lib/plugins-scully-plugin-minify-html';
diff --git a/libs/plugins/scully-plugin-minify-html/src/lib/plugins-scully-plugin-minify-html.ts b/libs/plugins/scully-plugin-minify-html/src/lib/plugins-scully-plugin-minify-html.ts
new file mode 100644
index 000000000..4bd45d876
--- /dev/null
+++ b/libs/plugins/scully-plugin-minify-html/src/lib/plugins-scully-plugin-minify-html.ts
@@ -0,0 +1,60 @@
+import { registerPlugin, getMyConfig } from '@scullyio/scully';
+import { minify, Options } from 'html-minifier-terser';
+
+export const minifyHtml = 'minifyHtml';
+
+export interface MinifyHtmlOptions {
+  minifyOptions: Options;
+}
+
+const defaultMinifyOptions: Options = {
+  caseSensitive: true,
+  removeComments: true,
+  collapseWhitespace: true,
+  collapseBooleanAttributes: true,
+  removeRedundantAttributes: true,
+  useShortDoctype: true,
+  removeEmptyAttributes: true,
+  minifyCSS: true,
+  minifyJS: true,
+  removeScriptTypeAttributes: true,
+  removeStyleLinkTypeAttributes: true,
+  // don't remove attribute quotes, not all social media platforms can parse this over-optimization
+  removeAttributeQuotes: false,
+  // don't remove optional tags, like the head, not all social media platforms can parse this over-optimization
+  removeOptionalTags: false,
+  // scully specific HTML comments
+  // this will always be added in the final minifyOptions config
+  ignoreCustomComments: [
+    /scullyContent-(begin|end)/,
+  ],
+  // scully specific data injection
+  // this will always be added in the final minifyOptions config
+  ignoreCustomFragments: [
+    /<script id="ScullyIO-transfer-state">[.\s\S]*<\/script>/,
+  ],
+};
+
+const minifyHtmlPlugin = (html: string): Promise<string> => {
+  let localMinifyOptions = defaultMinifyOptions;
+  const customMinifyOptions = getMyConfig<MinifyHtmlOptions>(minifyHtmlPlugin);
+
+  if (customMinifyOptions && customMinifyOptions.minifyOptions) {
+    localMinifyOptions = {
+      ...defaultMinifyOptions,
+      ...customMinifyOptions.minifyOptions,
+      ignoreCustomComments: [
+        ...defaultMinifyOptions.ignoreCustomComments,
+        ...(customMinifyOptions.minifyOptions.ignoreCustomComments ? customMinifyOptions.minifyOptions.ignoreCustomComments : []),
+      ],
+      ignoreCustomFragments: [
+        ...defaultMinifyOptions.ignoreCustomFragments,
+        ...(customMinifyOptions.minifyOptions.ignoreCustomFragments ? customMinifyOptions.minifyOptions.ignoreCustomFragments : []),
+      ],
+    };
+  }
+
+  return minify(html, localMinifyOptions);
+};
+
+registerPlugin('postProcessByHtml', minifyHtml, minifyHtmlPlugin);
diff --git a/libs/plugins/scully-plugin-minify-html/tsconfig.json b/libs/plugins/scully-plugin-minify-html/tsconfig.json
new file mode 100644
index 000000000..04ed177f8
--- /dev/null
+++ b/libs/plugins/scully-plugin-minify-html/tsconfig.json
@@ -0,0 +1,14 @@
+{
+  "extends": "../../../tsconfig.json",
+  "compilerOptions": {
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true
+  },
+  "files": [],
+  "include": [],
+  "references": [
+    {
+      "path": "./tsconfig.lib.json"
+    }
+  ]
+}
diff --git a/libs/plugins/scully-plugin-minify-html/tsconfig.lib.json b/libs/plugins/scully-plugin-minify-html/tsconfig.lib.json
new file mode 100644
index 000000000..9c463b51e
--- /dev/null
+++ b/libs/plugins/scully-plugin-minify-html/tsconfig.lib.json
@@ -0,0 +1,12 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "module": "commonjs",
+    "outDir": "../../../dist/out-tsc",
+    "declaration": true,
+    "rootDir": "./src",
+    "types": ["node"]
+  },
+  "exclude": ["**/*.spec.ts"],
+  "include": ["**/*.ts"]
+}
diff --git a/nx.json b/nx.json
index 31ea783a1..ebe76a1e8 100644
--- a/nx.json
+++ b/nx.json
@@ -55,6 +55,9 @@
     "plugins-scully-plugin-critical-css": {
       "tags": []
     },
+    "plugins-scully-plugin-minify-html": {
+      "tags": []
+    },
     "plugins-scully-plugin-flash-prevention": {
       "tags": []
     },
diff --git a/package-lock.json b/package-lock.json
index bfa46540a..b7d44f9c4 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -36,6 +36,7 @@
         "cz-customizable": "^6.3.0",
         "express": "4.17.1",
         "got": "^11.8.2",
+        "html-minifier-terser": "^6.0.2",
         "jest-preset-angular": "10.0.0",
         "js-yaml": "^4.1.0",
         "level": "^7.0.0",
@@ -72,6 +73,7 @@
         "@types/chalk": "^2.2.0",
         "@types/express": "4.17.13",
         "@types/fs-extra": "^9.0.12",
+        "@types/html-minifier-terser": "^6.0.0",
         "@types/http-proxy-middleware": "^0.19.3",
         "@types/jasmine": "3.9.1",
         "@types/jasminewd2": "^2.0.10",
@@ -7253,6 +7255,12 @@
         "@types/node": "*"
       }
     },
+    "node_modules/@types/html-minifier-terser": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@types/html-minifier-terser/-/html-minifier-terser-6.0.0.tgz",
+      "integrity": "sha512-NZwaaynfs1oIoLAV1vg18e7QMVDvw+6SQrdJc8w3BwUaoroVSf6EBj/Sk4PBWGxsq0dzhA2drbsuMC1/6C6KgQ==",
+      "dev": true
+    },
     "node_modules/@types/http-cache-semantics": {
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/@types/http-cache-semantics/-/http-cache-semantics-4.0.1.tgz",
@@ -10170,6 +10178,15 @@
         "node": ">=6"
       }
     },
+    "node_modules/camel-case": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/camel-case/-/camel-case-4.1.2.tgz",
+      "integrity": "sha512-gxGWBrTT1JuMx6R+o5PTXMmUnhnVzLQ9SNutD4YqKtI6ap897t3tKECYla6gCWEkplXnlNybEkZg9GEGxKFCgw==",
+      "dependencies": {
+        "pascal-case": "^3.1.2",
+        "tslib": "^2.0.3"
+      }
+    },
     "node_modules/camelcase": {
       "version": "5.3.1",
       "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
@@ -14247,6 +14264,15 @@
         "domelementtype": "1"
       }
     },
+    "node_modules/dot-case": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/dot-case/-/dot-case-3.0.4.tgz",
+      "integrity": "sha512-Kv5nKlh6yRrdrGvxeJ2e5y2eRUpkUosIW4A2AS38zwSz27zu7ufDwQPi5Jhs3XAlGNetl3bmnGhQsMtkKJnj3w==",
+      "dependencies": {
+        "no-case": "^3.0.4",
+        "tslib": "^2.0.3"
+      }
+    },
     "node_modules/dot-prop": {
       "version": "5.3.0",
       "resolved": "https://registry.npmjs.org/dot-prop/-/dot-prop-5.3.0.tgz",
@@ -17074,6 +17100,14 @@
       "integrity": "sha512-7kIufnBqdsBGcSZLPJwqHT3yhk1QTsSlFsVD3kx5ixH/AlgBs9yM1q6DPhXZ8f8gtdqgh7N7/5btRLpQsS2gHw==",
       "dev": true
     },
+    "node_modules/he": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz",
+      "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==",
+      "bin": {
+        "he": "bin/he"
+      }
+    },
     "node_modules/hmac-drbg": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/hmac-drbg/-/hmac-drbg-1.0.1.tgz",
@@ -17167,6 +17201,93 @@
       "integrity": "sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==",
       "dev": true
     },
+    "node_modules/html-minifier-terser": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/html-minifier-terser/-/html-minifier-terser-6.0.2.tgz",
+      "integrity": "sha512-AgYO3UGhMYQx2S/FBJT3EM0ZYcKmH6m9XL9c1v77BeK/tYJxGPxT1/AtsdUi4FcP8kZGmqqnItCcjFPcX9hk6A==",
+      "dependencies": {
+        "camel-case": "^4.1.2",
+        "clean-css": "^5.1.5",
+        "commander": "^8.1.0",
+        "he": "^1.2.0",
+        "param-case": "^3.0.4",
+        "relateurl": "^0.2.7",
+        "terser": "^5.7.2"
+      },
+      "bin": {
+        "html-minifier-terser": "cli.js"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/html-minifier-terser/node_modules/acorn": {
+      "version": "8.6.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.6.0.tgz",
+      "integrity": "sha512-U1riIR+lBSNi3IbxtaHOIKdH8sLFv3NYfNv8sg7ZsNhcfl4HF2++BfqqrNAxoCLQW1iiylOj76ecnaUxz+z9yw==",
+      "optional": true,
+      "peer": true,
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/html-minifier-terser/node_modules/commander": {
+      "version": "8.3.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-8.3.0.tgz",
+      "integrity": "sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==",
+      "engines": {
+        "node": ">= 12"
+      }
+    },
+    "node_modules/html-minifier-terser/node_modules/source-map-support": {
+      "version": "0.5.20",
+      "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.20.tgz",
+      "integrity": "sha512-n1lZZ8Ve4ksRqizaBQgxXDgKwttHDhyfQjA6YZZn8+AroHbsIz+JjwxQDxbp+7y5OYCI8t1Yk7etjD9CRd2hIw==",
+      "dependencies": {
+        "buffer-from": "^1.0.0",
+        "source-map": "^0.6.0"
+      }
+    },
+    "node_modules/html-minifier-terser/node_modules/source-map-support/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/html-minifier-terser/node_modules/terser": {
+      "version": "5.10.0",
+      "resolved": "https://registry.npmjs.org/terser/-/terser-5.10.0.tgz",
+      "integrity": "sha512-AMmF99DMfEDiRJfxfY5jj5wNH/bYO09cniSqhfoyxc8sFoYIgkJy86G04UoZU5VjlpnplVu0K6Tx6E9b5+DlHA==",
+      "dependencies": {
+        "commander": "^2.20.0",
+        "source-map": "~0.7.2",
+        "source-map-support": "~0.5.20"
+      },
+      "bin": {
+        "terser": "bin/terser"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "acorn": "^8.5.0"
+      },
+      "peerDependenciesMeta": {
+        "acorn": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/html-minifier-terser/node_modules/terser/node_modules/commander": {
+      "version": "2.20.3",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
+      "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ=="
+    },
     "node_modules/htmlparser2": {
       "version": "3.10.1",
       "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-3.10.1.tgz",
@@ -20888,6 +21009,14 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/lower-case": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/lower-case/-/lower-case-2.0.2.tgz",
+      "integrity": "sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==",
+      "dependencies": {
+        "tslib": "^2.0.3"
+      }
+    },
     "node_modules/lowercase-keys": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/lowercase-keys/-/lowercase-keys-2.0.0.tgz",
@@ -22017,6 +22146,15 @@
       "resolved": "https://registry.npmjs.org/nice-try/-/nice-try-1.0.5.tgz",
       "integrity": "sha512-1nh45deeb5olNY7eX82BkPO7SSxR5SSYJiPTrTdFUVYwAl8CKMA5N9PjTYkHiRjisVcxcQ1HXdLhx2qxxJzLNQ=="
     },
+    "node_modules/no-case": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/no-case/-/no-case-3.0.4.tgz",
+      "integrity": "sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==",
+      "dependencies": {
+        "lower-case": "^2.0.2",
+        "tslib": "^2.0.3"
+      }
+    },
     "node_modules/node-addon-api": {
       "version": "3.2.1",
       "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-3.2.1.tgz",
@@ -23406,6 +23544,15 @@
         "safe-buffer": "~5.1.0"
       }
     },
+    "node_modules/param-case": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/param-case/-/param-case-3.0.4.tgz",
+      "integrity": "sha512-RXlj7zCYokReqWpOPH9oYivUzLYZ5vAPIfEmCTNViosC78F8F0H9y7T7gG2M39ymgutxF5gcFEsyZQSph9Bp3A==",
+      "dependencies": {
+        "dot-case": "^3.0.4",
+        "tslib": "^2.0.3"
+      }
+    },
     "node_modules/parent-module": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
@@ -23501,6 +23648,15 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/pascal-case": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/pascal-case/-/pascal-case-3.1.2.tgz",
+      "integrity": "sha512-uWlGT3YSnK9x3BQJaOdcZwrnV6hPpd8jFH1/ucpiLRPh/2zCVJKS19E4GvYHvaCcACn3foXZ0cLB9Wrx1KGe5g==",
+      "dependencies": {
+        "no-case": "^3.0.4",
+        "tslib": "^2.0.3"
+      }
+    },
     "node_modules/pascalcase": {
       "version": "0.1.1",
       "resolved": "https://registry.npmjs.org/pascalcase/-/pascalcase-0.1.1.tgz",
@@ -27290,6 +27446,14 @@
         "jsesc": "bin/jsesc"
       }
     },
+    "node_modules/relateurl": {
+      "version": "0.2.7",
+      "resolved": "https://registry.npmjs.org/relateurl/-/relateurl-0.2.7.tgz",
+      "integrity": "sha1-VNvzd+UUQKypCkzSdGANP/LYiKk=",
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
     "node_modules/remove-trailing-separator": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/remove-trailing-separator/-/remove-trailing-separator-1.1.0.tgz",
@@ -28651,7 +28815,6 @@
       "version": "0.7.3",
       "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.3.tgz",
       "integrity": "sha512-CkCj6giN3S+n9qrYiBTX5gystlENnRW5jZeNLHpe6aue+SrHcG5VYwujhW9s4dY31mEGsxBDrHR6oI69fTXsaQ==",
-      "dev": true,
       "engines": {
         "node": ">= 8"
       }
@@ -39056,6 +39219,12 @@
         "@types/node": "*"
       }
     },
+    "@types/html-minifier-terser": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@types/html-minifier-terser/-/html-minifier-terser-6.0.0.tgz",
+      "integrity": "sha512-NZwaaynfs1oIoLAV1vg18e7QMVDvw+6SQrdJc8w3BwUaoroVSf6EBj/Sk4PBWGxsq0dzhA2drbsuMC1/6C6KgQ==",
+      "dev": true
+    },
     "@types/http-cache-semantics": {
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/@types/http-cache-semantics/-/http-cache-semantics-4.0.1.tgz",
@@ -41371,6 +41540,15 @@
       "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
       "dev": true
     },
+    "camel-case": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/camel-case/-/camel-case-4.1.2.tgz",
+      "integrity": "sha512-gxGWBrTT1JuMx6R+o5PTXMmUnhnVzLQ9SNutD4YqKtI6ap897t3tKECYla6gCWEkplXnlNybEkZg9GEGxKFCgw==",
+      "requires": {
+        "pascal-case": "^3.1.2",
+        "tslib": "^2.0.3"
+      }
+    },
     "camelcase": {
       "version": "5.3.1",
       "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
@@ -44579,6 +44757,15 @@
         "domelementtype": "1"
       }
     },
+    "dot-case": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/dot-case/-/dot-case-3.0.4.tgz",
+      "integrity": "sha512-Kv5nKlh6yRrdrGvxeJ2e5y2eRUpkUosIW4A2AS38zwSz27zu7ufDwQPi5Jhs3XAlGNetl3bmnGhQsMtkKJnj3w==",
+      "requires": {
+        "no-case": "^3.0.4",
+        "tslib": "^2.0.3"
+      }
+    },
     "dot-prop": {
       "version": "5.3.0",
       "resolved": "https://registry.npmjs.org/dot-prop/-/dot-prop-5.3.0.tgz",
@@ -46853,6 +47040,11 @@
       "integrity": "sha512-7kIufnBqdsBGcSZLPJwqHT3yhk1QTsSlFsVD3kx5ixH/AlgBs9yM1q6DPhXZ8f8gtdqgh7N7/5btRLpQsS2gHw==",
       "dev": true
     },
+    "he": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz",
+      "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw=="
+    },
     "hmac-drbg": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/hmac-drbg/-/hmac-drbg-1.0.1.tgz",
@@ -46939,6 +47131,67 @@
       "integrity": "sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==",
       "dev": true
     },
+    "html-minifier-terser": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/html-minifier-terser/-/html-minifier-terser-6.0.2.tgz",
+      "integrity": "sha512-AgYO3UGhMYQx2S/FBJT3EM0ZYcKmH6m9XL9c1v77BeK/tYJxGPxT1/AtsdUi4FcP8kZGmqqnItCcjFPcX9hk6A==",
+      "requires": {
+        "camel-case": "^4.1.2",
+        "clean-css": "^5.1.5",
+        "commander": "^8.1.0",
+        "he": "^1.2.0",
+        "param-case": "^3.0.4",
+        "relateurl": "^0.2.7",
+        "terser": "^5.7.2"
+      },
+      "dependencies": {
+        "acorn": {
+          "version": "8.6.0",
+          "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.6.0.tgz",
+          "integrity": "sha512-U1riIR+lBSNi3IbxtaHOIKdH8sLFv3NYfNv8sg7ZsNhcfl4HF2++BfqqrNAxoCLQW1iiylOj76ecnaUxz+z9yw==",
+          "optional": true,
+          "peer": true
+        },
+        "commander": {
+          "version": "8.3.0",
+          "resolved": "https://registry.npmjs.org/commander/-/commander-8.3.0.tgz",
+          "integrity": "sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww=="
+        },
+        "source-map-support": {
+          "version": "0.5.20",
+          "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.20.tgz",
+          "integrity": "sha512-n1lZZ8Ve4ksRqizaBQgxXDgKwttHDhyfQjA6YZZn8+AroHbsIz+JjwxQDxbp+7y5OYCI8t1Yk7etjD9CRd2hIw==",
+          "requires": {
+            "buffer-from": "^1.0.0",
+            "source-map": "^0.6.0"
+          },
+          "dependencies": {
+            "source-map": {
+              "version": "0.6.1",
+              "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+              "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="
+            }
+          }
+        },
+        "terser": {
+          "version": "5.10.0",
+          "resolved": "https://registry.npmjs.org/terser/-/terser-5.10.0.tgz",
+          "integrity": "sha512-AMmF99DMfEDiRJfxfY5jj5wNH/bYO09cniSqhfoyxc8sFoYIgkJy86G04UoZU5VjlpnplVu0K6Tx6E9b5+DlHA==",
+          "requires": {
+            "commander": "^2.20.0",
+            "source-map": "~0.7.2",
+            "source-map-support": "~0.5.20"
+          },
+          "dependencies": {
+            "commander": {
+              "version": "2.20.3",
+              "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
+              "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ=="
+            }
+          }
+        }
+      }
+    },
     "htmlparser2": {
       "version": "3.10.1",
       "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-3.10.1.tgz",
@@ -49783,6 +50036,14 @@
       "integrity": "sha1-eB4YMpaqlPbU2RbcM10NF676I/g=",
       "dev": true
     },
+    "lower-case": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/lower-case/-/lower-case-2.0.2.tgz",
+      "integrity": "sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==",
+      "requires": {
+        "tslib": "^2.0.3"
+      }
+    },
     "lowercase-keys": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/lowercase-keys/-/lowercase-keys-2.0.0.tgz",
@@ -50682,6 +50943,15 @@
       "resolved": "https://registry.npmjs.org/nice-try/-/nice-try-1.0.5.tgz",
       "integrity": "sha512-1nh45deeb5olNY7eX82BkPO7SSxR5SSYJiPTrTdFUVYwAl8CKMA5N9PjTYkHiRjisVcxcQ1HXdLhx2qxxJzLNQ=="
     },
+    "no-case": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/no-case/-/no-case-3.0.4.tgz",
+      "integrity": "sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==",
+      "requires": {
+        "lower-case": "^2.0.2",
+        "tslib": "^2.0.3"
+      }
+    },
     "node-addon-api": {
       "version": "3.2.1",
       "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-3.2.1.tgz",
@@ -51762,6 +52032,15 @@
         }
       }
     },
+    "param-case": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/param-case/-/param-case-3.0.4.tgz",
+      "integrity": "sha512-RXlj7zCYokReqWpOPH9oYivUzLYZ5vAPIfEmCTNViosC78F8F0H9y7T7gG2M39ymgutxF5gcFEsyZQSph9Bp3A==",
+      "requires": {
+        "dot-case": "^3.0.4",
+        "tslib": "^2.0.3"
+      }
+    },
     "parent-module": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
@@ -51842,6 +52121,15 @@
       "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
       "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ=="
     },
+    "pascal-case": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/pascal-case/-/pascal-case-3.1.2.tgz",
+      "integrity": "sha512-uWlGT3YSnK9x3BQJaOdcZwrnV6hPpd8jFH1/ucpiLRPh/2zCVJKS19E4GvYHvaCcACn3foXZ0cLB9Wrx1KGe5g==",
+      "requires": {
+        "no-case": "^3.0.4",
+        "tslib": "^2.0.3"
+      }
+    },
     "pascalcase": {
       "version": "0.1.1",
       "resolved": "https://registry.npmjs.org/pascalcase/-/pascalcase-0.1.1.tgz",
@@ -54678,6 +54966,11 @@
         }
       }
     },
+    "relateurl": {
+      "version": "0.2.7",
+      "resolved": "https://registry.npmjs.org/relateurl/-/relateurl-0.2.7.tgz",
+      "integrity": "sha1-VNvzd+UUQKypCkzSdGANP/LYiKk="
+    },
     "remove-trailing-separator": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/remove-trailing-separator/-/remove-trailing-separator-1.1.0.tgz",
@@ -55750,8 +56043,7 @@
     "source-map": {
       "version": "0.7.3",
       "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.3.tgz",
-      "integrity": "sha512-CkCj6giN3S+n9qrYiBTX5gystlENnRW5jZeNLHpe6aue+SrHcG5VYwujhW9s4dY31mEGsxBDrHR6oI69fTXsaQ==",
-      "dev": true
+      "integrity": "sha512-CkCj6giN3S+n9qrYiBTX5gystlENnRW5jZeNLHpe6aue+SrHcG5VYwujhW9s4dY31mEGsxBDrHR6oI69fTXsaQ=="
     },
     "source-map-js": {
       "version": "0.6.2",
diff --git a/package.json b/package.json
index 762541bd1..d31d6302d 100644
--- a/package.json
+++ b/package.json
@@ -98,6 +98,7 @@
     "cz-customizable": "^6.3.0",
     "express": "4.17.1",
     "got": "^11.8.2",
+    "html-minifier-terser": "^6.0.2",
     "jest-preset-angular": "10.0.0",
     "js-yaml": "^4.1.0",
     "level": "^7.0.0",
@@ -134,6 +135,7 @@
     "@types/chalk": "^2.2.0",
     "@types/express": "4.17.13",
     "@types/fs-extra": "^9.0.12",
+    "@types/html-minifier-terser": "^6.0.0",
     "@types/http-proxy-middleware": "^0.19.3",
     "@types/jasmine": "3.9.1",
     "@types/jasminewd2": "^2.0.10",
diff --git a/tsconfig.base.json b/tsconfig.base.json
index 5a89da138..4509d3430 100644
--- a/tsconfig.base.json
+++ b/tsconfig.base.json
@@ -10,6 +10,7 @@
       "@scullyio/scully-plugin-base-href-rewrite": ["libs/plugins/base-href-rewrite/src/index.ts"],
       "@scullyio/scully-plugin-copy-to-clipboard": ["libs/plugins/scully-plugin-copy-to-clipboard/src/index.ts"],
       "@scullyio/scully-plugin-critical-css": ["libs/plugins/scully-plugin-critical-css/src/index.ts"],
+      "@scullyio/scully-plugin-minify-html": ["libs/plugins/scully-plugin-minify-html/src/index.ts"],
       "@scullyio/scully-plugin-docs-link-update": ["libs/plugins/docs-link-update/src/index.ts"],
       "@scullyio/scully-plugin-extra": ["libs/plugins/extra/src/index.ts"],
       "@scullyio/scully-plugin-flash-prevention": ["dist/libs/plugins/scully-plugin-flash-prevention"],
diff --git a/workspace.json b/workspace.json
index c473c5ee8..21d747a1e 100644
--- a/workspace.json
+++ b/workspace.json
@@ -316,6 +316,36 @@
         }
       }
     },
+    "plugins-scully-plugin-minify-html": {
+      "root": "libs/plugins/scully-plugin-minify-html",
+      "sourceRoot": "libs/plugins/scully-plugin-minify-html/src",
+      "projectType": "library",
+      "schematics": {},
+      "architect": {
+        "lint": {
+          "builder": "@nrwl/linter:lint",
+          "options": {
+            "linter": "eslint",
+            "tsConfig": [
+              "libs/plugins/scully-plugin-minify-html/tsconfig.lib.json",
+              "libs/plugins/scully-plugin-minify-html/tsconfig.spec.json"
+            ],
+            "exclude": ["**/node_modules/**", "!libs/plugins/scully-plugin-minify-html/**/*"]
+          }
+        },
+        "build": {
+          "builder": "@nrwl/node:package",
+          "options": {
+            "outputPath": "dist/libs/scully-plugin-minify-html",
+            "tsConfig": "libs/plugins/scully-plugin-minify-html/tsconfig.lib.json",
+            "packageJson": "libs/plugins/scully-plugin-minify-html/package.json",
+            "main": "libs/plugins/scully-plugin-minify-html/src/index.ts",
+            "assets": ["libs/plugins/scully-plugin-minify-html/*.md"]
+          },
+          "outputs": ["{options.outputPath}"]
+        }
+      }
+    },
     "plugins-scully-plugin-flash-prevention": {
       "root": "libs/plugins/scully-plugin-flash-prevention",
       "sourceRoot": "libs/plugins/scully-plugin-flash-prevention/src",