Hi All,
I have an Angular 17 micro frontend project. Angular 17 means no modules use standalone forms and esbuild.
In the project I use angulararchitects.io native-federation npm package.
Locally everything works well.
The project structure:
workspace: miceo-fe-workspace, below that a folder named projects which contains the apps and a lib.
micro-fe-workspace
projects
shell
microfrontend-a
microfrontend-b
shared-lib
The dist folder contains
dist
shell
browser
microfrontend-a
browser
microfrontend-b
browser
- I don’t know how can I configure the build to display the main page which located below the shell app, more exactly the deployed index.html is in the dist/shell/browser folder
- Or need I anything to configure below the angular.json?
I used _redirects
/* /dist/shell/browser/index.html 200
But the main page did not appear.
The build is success.
One more thing I have a netlify.toml file (in my workspace folder named micro-fe-workspace) with the following content:
Global settings applied to the whole site.
[build]
command = “npm run build:all”
publish = “dist/shell/browser”
Redirect rules
[[redirects]]
from = “/*”
to = “/shell/browser/index.html”
status = 200
[[redirects]]
from = “/microfrontend-a/*”
to = “/microfrontend-a/browser/index.html”
status = 200
[[redirects]]
from = “/microfrontend-b/*”
to = “/microfrontend-b/browser/index.html”
status = 200
Why show me after build:
No redirect rules processed