From c673672cdc86d3edd8708ef1e2f98fe1c7c3fc7f Mon Sep 17 00:00:00 2001
From: Lorenzo Bloedow <108244120+LorenzoBloedow@users.noreply.github.com>
Date: Fri, 5 Aug 2022 05:23:19 -0700
Subject: [PATCH] Add content for module bundlers

* Add text and link.

* Update module bundlers

Co-authored-by: Kamran Ahmed <kamranahmed.se@gmail.com>
---
 .../110-build-tools/101-module-bundlers/readme.md    | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/content/roadmaps/100-frontend/content/110-build-tools/101-module-bundlers/readme.md b/content/roadmaps/100-frontend/content/110-build-tools/101-module-bundlers/readme.md
index c0318608f..4872b33c8 100644
--- a/content/roadmaps/100-frontend/content/110-build-tools/101-module-bundlers/readme.md
+++ b/content/roadmaps/100-frontend/content/110-build-tools/101-module-bundlers/readme.md
@@ -1 +1,11 @@
-# Module bundlers
\ No newline at end of file
+# Module Bundlers
+
+A module bundler is a tool that takes pieces of JavaScript and their dependencies and bundles them into a single file, usually for use in the browser. You may have used tools such as Browserify, Webpack, Rollup or one of many others.
+
+It usually starts with an entry file, and from there it bundles up all of the code needed for that entry file.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+
+<BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=5IG4UmULyoA'>Module Bundlers Explained</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.freecodecamp.org/news/lets-learn-how-module-bundlers-work-and-then-write-one-ourselves-b2e3fe6c88ae/'>Let’s learn how module bundlers work</BadgeLink>
+