Create javascript bundle

eleventy.config.js

@@ -5,8 +5,6 @@ import eleventyPDF from "./_config/eleventy-plugin-pdf.js";
 export default async function (eleventyConfig) {
   eleventyConfig.setUseGitIgnore(false);
 
-  eleventyConfig.addPassthroughCopy({"./src/_includes/js/" : "/js"});
-
   eleventyConfig.addLayoutAlias('base', 'layouts/base.html');
   eleventyConfig.addLayoutAlias('pdf', 'layouts/pdf.html');
 
@@ -27,16 +25,16 @@ export default async function (eleventyConfig) {
     return [...collection.getFilteredByGlob('./src/experiences/*.md')]
       .sort((a, b) => a.data.startDate - b.data.startDate).reverse();
   });
-
-  eleventyConfig.addPlugin(eleventyPDF);
-
+  
   eleventyConfig.addPassthroughCopy('src/favicon.ico')
-
+  
+  eleventyConfig.addPlugin(eleventyPDF);
   eleventyConfig.addPlugin(pluginIcons, {
     sources: [{ name: 'lucide', path: 'node_modules/lucide-static/icons', default: true }]
   });
 
   eleventyConfig.addBundle("css");
+  eleventyConfig.addBundle("js");
 
   return {
     markdownTemplateEngine: 'liquid',

src/_includes/layouts/base.html

@@ -29,6 +29,9 @@
     
     {% include "partials/footer.liquid" %}
 
-    <script src="/js/main.js"></script>
+    {% js %}
+      {% include "js/main.js" %}
+    {% endjs %}
+    <script src="{% getBundleFileUrl "js" %}"></script>
   </body>
 </html>