diff --git a/packages/examples/basic-host-remote/README.md b/packages/examples/basic-host-remote/README.md index 986fcbaf..10174989 100644 --- a/packages/examples/basic-host-remote/README.md +++ b/packages/examples/basic-host-remote/README.md @@ -3,9 +3,12 @@ This repository is to showcase examples of how Module Federation can be used in rollup. ## Running Demo -First, `cd packages\examples\basic-host-remote`, then run `pnpm build` and `pnpm serve`. This will build and serve both `host` and `remote` on ports 5000, 5001 respectively. -- HOST (rollup-host): [localhost:5000](http://localhost:5000/) -- REMOTE (rollup-remote): [localhost:5001](http://localhost:5001/) +1. Clone [originjs/vite-plugin-federation](https://github.com/originjs/vite-plugin-federation) if you haven't already. +1. At the repository root, install dependencies (`pnpm install`) and build (`pnpm build`). +1. Go to this example folder: `cd packages\examples\basic-host-remote` +1. Run `pnpm install`, `pnpm build` and `pnpm serve` . This will build and serve both `host` and `remote` on ports 5000, 5001 respectively: + - HOST (rollup-host): [localhost:5000](http://localhost:5000/) + - REMOTE (rollup-remote): [localhost:5001](http://localhost:5001/) `CTRL + C` can only stop the host server. You can run `pnpm stop` to stop all services. diff --git a/packages/examples/vue3-demo-esm/README.md b/packages/examples/vue3-demo-esm/README.md index 1ee6eff5..7ef97089 100644 --- a/packages/examples/vue3-demo-esm/README.md +++ b/packages/examples/vue3-demo-esm/README.md @@ -4,7 +4,10 @@ This example demos consumption of federated modules from a vite bundle. `layout` ## Running Demo -First, `cd packages\examples\vue3-demo`, then run `pnpm build` and `pnpm serve` . This will build and serve `layout`, `home`, `common-lib` and `css-modules` on ports 5000, 5001, 5002, 5003 respectively. +1. Clone [originjs/vite-plugin-federation](https://github.com/originjs/vite-plugin-federation) if you haven't already. +1. At the repository root, install dependencies (`pnpm install`) and build (`pnpm build`). +1. Go to this example folder: `cd packages\examples\vue3-demo-esm` +1. Run `pnpm install`, `pnpm build` and `pnpm serve` . This will build and serve `layout`, `home`, `common-lib` and `css-modules` on ports 5000, 5001, 5002, 5003 respectively. - HOST (layout): [localhost:5000](http://localhost:5000/) - REMOTE (home): [localhost:5001](http://localhost:5001/) diff --git a/packages/examples/vue3-demo-systemjs/README.md b/packages/examples/vue3-demo-systemjs/README.md index 1ee6eff5..3bf2aed0 100644 --- a/packages/examples/vue3-demo-systemjs/README.md +++ b/packages/examples/vue3-demo-systemjs/README.md @@ -4,11 +4,13 @@ This example demos consumption of federated modules from a vite bundle. `layout` ## Running Demo -First, `cd packages\examples\vue3-demo`, then run `pnpm build` and `pnpm serve` . This will build and serve `layout`, `home`, `common-lib` and `css-modules` on ports 5000, 5001, 5002, 5003 respectively. - -- HOST (layout): [localhost:5000](http://localhost:5000/) -- REMOTE (home): [localhost:5001](http://localhost:5001/) -- REMOTE (common-lib): [localhost:5002](http://localhost:5002/) -- REMOTE (css-modules): [localhost:5003](http://localhost:5003/) +1. Clone [originjs/vite-plugin-federation](https://github.com/originjs/vite-plugin-federation) if you haven't already. +1. At the repository root, install dependencies (`pnpm install`) and build (`pnpm build`). +1. Go to this example folder: `cd packages\examples\vue3-demo-systemjs` +1. Run `pnpm install`, `pnpm build` and `pnpm serve` . This will build and serve `layout`, `home`, `common-lib` and `css-modules` on ports 5000, 5001, 5002, 5003 respectively: + - HOST (layout): [localhost:5000](http://localhost:5000/) + - REMOTE (home): [localhost:5001](http://localhost:5001/) + - REMOTE (common-lib): [localhost:5002](http://localhost:5002/) + - REMOTE (css-modules): [localhost:5003](http://localhost:5003/) `CTRL + C` can only stop the host server. You can run `pnpm stop` to stop all services.