https://github.com/dev-eranda/webpack5-express-microfrontends
This repository showcases Webpack 5's capabilities, including serving HTML pages with Express, dynamic content using jQuery, and micro-frontends with Module Federation
https://github.com/dev-eranda/webpack5-express-microfrontends
express html jquery micro-frontends nodejs serve-html-page webpack5 webpack5-module-federation
Last synced: 5 months ago
JSON representation
This repository showcases Webpack 5's capabilities, including serving HTML pages with Express, dynamic content using jQuery, and micro-frontends with Module Federation
- Host: GitHub
- URL: https://github.com/dev-eranda/webpack5-express-microfrontends
- Owner: dev-eranda
- License: mit
- Created: 2024-07-16T05:59:29.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2025-01-24T10:21:13.000Z (5 months ago)
- Last Synced: 2025-01-24T11:24:36.151Z (5 months ago)
- Topics: express, html, jquery, micro-frontends, nodejs, serve-html-page, webpack5, webpack5-module-federation
- Language: JavaScript
- Homepage:
- Size: 6.73 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Webpack
**Developed By:** Eranda Samarasinghe
## Project Backgroud and Overview
This project demonstrates the use of Webpack 5 for module bundling, along with setting up an Express server to serve HTML pages and integrating jQuery. It also explores the use of 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 NodeJS 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. Master the new Module Federation feature introduced in Webpack 5.
## Technical Details
Core technologies used:
- **Node.js, HTML, jQuery, Express, Module Federation, Micro Frontends**
## Installation
1. Clone repository:
```sh
git clone https://github.com/your-username/webpack5.git
2. Install dependencies:
```sh
npm install
3. Start development server:
```sh
npm run dev