How do I develop this microfrontend?

  1. Copy the URL to your microfrontend entrypoint from webpack-dev-server assets to your clipboard
  2. In a new browser tab, go to the your single-spa web app. This is where your "root config" is running. You do not have to run the root config locally if it is already running on a deployed environment - go to the deployed environment directly.
  3. In the browser console, run localStorage.setItem('devtools', true); Refresh the page.
  4. A yellowish rectangle should appear at the bottom right of your screen. Click on it. Find the name of your microfrontend entrypoint and click on it. If it is not present, click on Add New Module.
  5. Paste the URL above into the input that appears. Refresh the page.
  6. Congrats, your local code is now being used!

For further information about "integrated" mode, see the following links: