diff --git a/package.json b/package.json
index 1b52054..e916b1b 100644
--- a/package.json
+++ b/package.json
@@ -57,6 +57,7 @@
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-wc": "^1.3.2",
     "rollup": "^2.70.2",
+    "rollup-plugin-minify-html-literals": "^1.2.6",
     "rollup-plugin-serve": "^1.1.0",
     "rollup-plugin-terser": "^7.0.2",
     "semantic-release": "^19.0.2",
diff --git a/rollup.config.js b/rollup.config.js
index 8237695..2e74c92 100644
--- a/rollup.config.js
+++ b/rollup.config.js
@@ -5,6 +5,7 @@ import { nodeResolve } from "@rollup/plugin-node-resolve";
 import serve from "rollup-plugin-serve";
 import { terser } from "rollup-plugin-terser";
 import typescript from "@rollup/plugin-typescript";
+import minifyHTML from 'rollup-plugin-minify-html-literals';
 
 const dev = process.env.ROLLUP_WATCH;
 
@@ -29,11 +30,15 @@ export default [
       },
     ],
     plugins: [
+      minifyHTML(),
+      terser({ output: { comments: false } }),
       typescript({
         declaration: false,
       }),
       nodeResolve(),
-      json(),
+      json({
+        compact: true,
+      }),
       commonjs(),
       babel({
         exclude: "node_modules/**",