Jan 10 · 5 min read · In this tutorial You will learn what is webpack? How to bundle js, ts, jsx, tsx, html, css files in webpack?. And at last we will use babel transcompiler to compile out jsx and use it in browser. webpack Webpack is bundler that bundles multiple js f...
Join discussionAug 31, 2025 · 5 min read · Like every React beginner, I started with this: npx create-react-app my-app Quick confession: I thought NPX was some "express" version of NPM because of the 'X'. Turns out it actually stands for eXecute! NPM installs packages, whereas NPX just execu...
SSohan commented
Jul 6, 2025 · 4 min read · 1. Long-Term Caching Webpack 5 implements long-term caching through deterministic Chunk IDs, module IDs, and export IDs, which means that the same input will always produce the same output. In this way, when your users visit the updated website again...
Join discussion
Mar 11, 2025 · 3 min read · Let's deep dive into implementing Angular Micro Frontends (MFEs) with Module Federation, focusing on how closures help isolate modules and dynamically load remote components. 1️⃣ What is Module Federation in Angular? Module Federation, introduced in...
Join discussion
Aug 8, 2024 · 8 min read · In the previous blog, we have seen how webpack has evolved, webpack core concepts, and installation & setup. If you didn't read the previous article, read it before reading this article. Here is the link for Part 1In this blog, we will look into some...
Join discussion
Aug 6, 2024 · 4 min read · How Webpack Has Evolved In the early days of web development, websites were pretty simple. You'd only have a few HTML, CSS, and JavaScript files. But as websites grew more complex, with lots of files and dependencies, managing them became tricky. Dev...
Join discussion
May 18, 2024 · 4 min read · Multiple separate builds should form a single application. These separate builds act like containers and can expose and consume code between builds, creating a single, unified application. Javascript Module Federation is a concept that allows develo...
AAlexis commented
Dec 18, 2023 · 3 min read · This article is a continuation of Part 2. In Part 2, we set up HTML templates and CSS. Now, we'll configure Babel, the Assets folder and hot reload. 3. Configure Babel We want to use the latest JavaScript features cross-browser. For this, we need to ...
Join discussionDec 18, 2023 · 2 min read · This article is a continuation of Part 3. In this article, we will add configurations to set up multi-page HTML templates. Setup Multi-Page using Webpack HTML, CSS and JS files are working now but wait! We handle single file. How to handle multiple f...
Join discussionDec 18, 2023 · 3 min read · This is a continuation of Part 5. This is the last part. In this part, we will set up Husky and Github-Actions. Setup lint-staged and Husky Pre-Requisite: Set up git in the project. Run command git init to initiate it. It is a tedious process to run ...
Join discussion