https://blog.dev.simpleenough.net/tags/hugo/Recent content in Hugo on Simple Enough BlogHugoenMon, 03 Feb 2025 10:00:00 +0100https://blog.dev.simpleenough.net/blog/bundleconcept/Mon, 03 Feb 2025 10:00:00 +0100https://blog.dev.simpleenough.net/blog/bundleconcept/<p>The term <strong>&ldquo;bundle&rdquo;</strong> is widely used in web development and DevOps. It refers to a <strong>grouping of files, resources, or elements</strong> to simplify their management and improve performance.</p> <p>However, a <strong>bundle</strong> does not have the same meaning everywhere. In this article, we will explore its <strong>different uses</strong> in three key areas:</p> <p><strong>Hugo (static site generator)</strong><br> <strong>CSS &amp; JavaScript (front-end development)</strong><br> <strong>DevOps (Docker, Kubernetes, Helm, etc.)</strong></p> <hr> <h2 id="1-bundle-in-hugo-organizing-files-smartly" class="heading">1. Bundle in Hugo: Organizing Files Smartly<a href="#1-bundle-in-hugo-organizing-files-smartly" aria-labelledby="1-bundle-in-hugo-organizing-files-smartly"> <!-- <i class="fas fa-link anchor"></i> --> <svg class="svg-inline--fa fas fa-link anchor" fill="currentColor" aria-hidden="true" role="img" viewBox="0 0 640 512"><use href="#fas-link"></use></svg>&nbsp; </a> </h2> <p>In Hugo, a <strong>bundle</strong> is a folder containing a page and its associated resources (images, JSON files, etc.). There are two types of <strong>Page Bundles</strong>:</p>