2025-04-18 - single spa

Install

Global Install

• install in shell only one time when never install single-spa in Local computer before.

  npm install -g create-single-spa 

Install single-spa project

  npx create-single-spa 

Organization name

• izaraFrontends

Project name

• <your repository name> eg. table-config

Open port & Run script

• start root-config

  npm start 

• start other micro-frontend

  npm start -- --port 9001(set port) 

Root-config

import explain

key

• micro-frontend name
• format Organization_name/Project_name eg. @izaraFrontends/root-config

value

• sorce of microfrontend file
• example path of sorce izara-frontend-core-user-details_pack/src/izaraFrontends-user-detail.js
• example imports

 "imports": {
        "@izaraFrontends/root-config": "//localhost:9000/izaraFrontends-root-config.js",
        "@izaraFrontends/user-detail": "//localhost:9002/izaraFrontends-user-detail.js",
}