https://github.com/nihaadk/microfrontend-js-webpack-example

Microfrontend Example with Webpack (Module Federation) and JavaScript
https://github.com/nihaadk/microfrontend-js-webpack-example

javascript microfrontend webpack webpack5 webpack5-module-federation

Last synced: 9 months ago
JSON representation

Microfrontend Example with Webpack (Module Federation) and JavaScript

• Host: GitHub
• URL: https://github.com/nihaadk/microfrontend-js-webpack-example
• Owner: nihaadk
• Created: 2025-01-22T14:41:46.000Z (12 months ago)
• Default Branch: main
• Last Pushed: 2025-01-22T14:49:13.000Z (12 months ago)
• Last Synced: 2025-02-11T16:43:22.545Z (11 months ago)
• Topics: javascript, microfrontend, webpack, webpack5, webpack5-module-federation
• Language: JavaScript
• Homepage:
• Size: 11.3 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

          
# Microfrontend Example with Webpack (Module Federation) and JavaScript

This project demonstrates a simple implementation of microfrontends using Webpack's Module Federation. It showcases how to split a web application into multiple independently deployable modules that can share code and dependencies dynamically. The example uses JavaScript to define host and remote applications, enabling seamless integration and communication between them. This approach promotes scalability and reusability in large-scale web applications.

## How to Run the MicroFrontend Example

To run the MicroFrontend example, follow these steps for each project (`container`, `cart`, and `products`):

1. Navigate into the project folder:

    ```bash

    cd 

2. Install the required dependencies:

    ```bash

    npm install

3. Start the project:

    ```bash

    npm start