build angular output [Angular v16]

noHashing, so no siffix in dist files

-- --configuration production (not required)

just ng build

node scripts/build-component.js

create dist/idoc-forms.js

in React shell application (placed in public/index.html) [React v18]

micro-ui/idoc-forms.js

common repo (mono repo)

Deploy shell-react-application to https://sanjeetkumaritoutlook.github.io/angular-micro-ui-in-react/shell-react-application

Deploy micro-ui to https://sanjeetkumaritoutlook.github.io/angular-micro-ui-in-react/micro-ui/

Both can exist in the same repository (monorepo) and have separate deployment workflows.

github actions

GitHub Pages can only serve one deployment per repo at a time.

This means whichever workflow runs last will overwrite the GitHub Pages deployment.

So if Angular deploys, then React deploys, only React’s build will be live. Angular URL will give 404.

Angular build uses Node 18.

React build uses Node 18.

Both outputs are merged into one dist/ folder.

GitHub Pages will serve:

https://sanjeetkumaritoutlook.github.io/angular-micro-ui-in-react/micro-ui/

https://sanjeetkumaritoutlook.github.io/angular-micro-ui-in-react/shell-react-application/

"homepage": "/angular-micro-ui-in-react/shell-react-application/" . This ensures React routes work correctly under subpath.