https://github.com/dev-eranda/learning-webpack5
Learned Webpack 5 module bundler for JavaScript applications
https://github.com/dev-eranda/learning-webpack5
express micro-frontends nodejs serve-html-page webpack5 webpack5-module-federation
Last synced: about 2 months ago
JSON representation
Learned Webpack 5 module bundler for JavaScript applications
- Host: GitHub
- URL: https://github.com/dev-eranda/learning-webpack5
- Owner: dev-eranda
- License: mit
- Created: 2024-07-16T05:59:29.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2025-03-24T07:31:09.000Z (about 2 months ago)
- Last Synced: 2025-03-24T07:33:53.447Z (about 2 months ago)
- Topics: express, micro-frontends, nodejs, serve-html-page, webpack5, webpack5-module-federation
- Language: JavaScript
- Homepage:
- Size: 6.74 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Learning webpack 5
**Developed by:** Eranda Samarasinghe
## Project Background and Overview
This project demonstrates the use of Webpack 5 for module bundling, code splitting for faster loading, and improved caching to optimize assets and enhance performance. It also includes setting up an Express server to serve HTML pages and integrating jQuery. Additionally, the project explores Webpack 5's Module Federation for implementing Micro Frontends
## Project Goals
The main objectives of this application are to:
1. Get a solid foundation for learning advanced Webpack features
2. Integrate Webpack 5 with Node.js and Express framework
3. Structure your code better with ES Modules and Webpack Code Splitting
4. Use Webpack for Single Page Applications as well as Multiple Page Applications
5. Learned the new Module Federation feature introduced in Webpack 5
## Technical Details
Core technologies used:
- **Webpack 5, Node.js, Express, Module Federation, Micro Frontends**
## Installation
1. Clone repository:
```sh
git clone https://github.com/dev-eranda/learning-webpack5.git
2. Install dependencies:
```sh
npm install
3. Start development server:
```sh
npm run dev