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...
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...
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...
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 ...
This is a continuation of Part 4. In Part 5, we will set up ESLint and Prettier. ESLint and Prettier We want to enforce best practices and formatting throughout the project. npm install --save-dev eslint-webpack-plugin eslint @babel/eslint-parser es...
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...
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 ...
Setting up a boilerplate using Webpack seems daunting at first unless I set it up step by step and found that it wasn’t as difficult as I thought it to be. If you are looking to set up a multi-page JavaScript project using Webpack 5, you have come to...
Cover picture by: Image by wirestock on Freepik For one of my projects, which I will probably describe in one of my next posts, I needed to create a react web application. Since I'm not good at styling, design and CSS are not my cup of tea, to say th...
Cover picture by: Image by wirestock on Freepik The second part of the article, the first part can be found here: React + Lib: How to include a local React UI library component into a React app. Part 1 of 2 (hashnode.dev) Previously... In the first p...
