https://github.com/waldronmatt/host-module-federation-example

A consumer module federated app.
https://github.com/waldronmatt/host-module-federation-example

bundle host microservice microservices microservices-architecture module-federation module-federation-examples remote webpack webpack5 webpack5-module-federation

Last synced: 8 months ago
JSON representation

A consumer module federated app.

• Host: GitHub
• URL: https://github.com/waldronmatt/host-module-federation-example
• Owner: waldronmatt
• License: mit
• Created: 2021-01-27T15:14:03.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2021-01-29T04:41:25.000Z (over 4 years ago)
• Last Synced: 2024-12-31T11:57:23.743Z (9 months ago)
• Topics: bundle, host, microservice, microservices, microservices-architecture, module-federation, module-federation-examples, remote, webpack, webpack5, webpack5-module-federation
• Language: JavaScript
• Homepage: https://host-module-federation-example.netlify.app/
• Size: 466 KB
• Stars: 3
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Host - Module Federation Example

[![Netlify Status](https://api.netlify.com/api/v1/badges/595adb9f-acb4-4284-84c5-20c9581bc682/deploy-status)](https://app.netlify.com/sites/host-module-federation-example/deploys)

A consumer module federated app. [Click here to see it live on Netlify](https://host-module-federation-example.netlify.app/).

## Introduction

This stand-alone app consumes / 'hosts' the portion of the remote app that is exposed.

Run this project alongside [the remote app](https://github.com/waldronmatt/remote-module-federation-example).

## Installation

Install dependencies:

        npm install

## Usage

Run dev environment:

        npm run dev

**\*\*Build for production (locally):**

        npm run build

Serve the production bundle (locally):

        npm run start

Navigate to [http://localhost:9001/](http://localhost:9001/)

\

\***\*Note**: Update public path to `http://localhost:9001/` in `webpack.production.config`

\***\*Note**: Update the remote path to `FormApp@http://localhost:9000/remoteEntry.js` in `webpack.production.config`

\***\*Note**: Update entry point to `./server.js` in `webpack.server.config`

## Contributing

Pull requests are welcome! For major changes, please open an issue first to discuss what you would like to change.

## License

MIT