Added bundles

2 files changed, 17 insertions, 1 deletions

diff --git a/_includes/base.njk b/_includes/base.njk
index 8df48ec..ec642b7 100644
--- a/_includes/base.njk
+++ b/_includes/base.njk
@@ -4,6 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="{{ "/assets/css/main.css" | url}}">
+    <link rel="stylesheet" href="{% getBundleFileUrl "css" %}">
     {% block head %}{% endblock %}
     {% if title %}
         <title>{{ title }} - {{ site.title }}</title>
@@ -30,8 +31,9 @@
     </footer>
 
     <script src="{{ "/assets/js/main.js" | url}}"></script>
-    
+    <script src="{% getBundleFileUrl "js" %}"></script>
     <script defer src="{{ "/assets/js/lib/quicklink.umd.js" | url}}"></script>
+
     <script>
         window.addEventListener('load', () => {
             quicklink.listen();
diff --git a/eleventy.config.mjs b/eleventy.config.mjs
index 086ca13..4c7c7ad 100644
--- a/eleventy.config.mjs
+++ b/eleventy.config.mjs
@@ -7,6 +7,20 @@ export default function(eleventyConfig) {
 
   eleventyConfig.addNunjucksFilter("date", (dateObj, formatString = 'MM.dd.yyyy') => format(dateObj, formatString))
 
+  eleventyConfig.addBundle("css", {
+    toFileDirectory: "assets/css/bundles/",
+
+		// (Optional) File extension used for bundle file output, defaults to bundle name
+		outputFileExtension: "css",
+  });
+
+  eleventyConfig.addBundle("js", {
+    toFileDirectory: "assets/js/bundles/",
+
+		// (Optional) File extension used for bundle file output, defaults to bundle name
+		outputFileExtension: "js",
+  });
+
   eleventyConfig.addGlobalData("layout","page");
   eleventyConfig.addGlobalData("site", {
     title: siteConfig.siteTitle ?? "Site",