An example of how to use webpack federated modules with shared library.

Run the following commands in the root of the project directory.

yarn

yarn start

Every folder in ./packages folder is either a webpack federated module or a shared package that has required codes that are shared.

./packages/container module is the main module that has routes and layout. ./packages/shared-lib is the shared library that are meant for functions that need to be in multiple module.

./packages/users and ./packages/dashboard folders are the example of individual apps that could be plugged into container app.

./packages/webpack.common.js has the common configuration that are shared in all the modules, and individual module has a webpack folder that has development and production config files.