Skip to content

利用single-spa搭建的一个微前端架构,其中各个小型应用具有独立部署、独立运行、允许存在独立仓储的特性。由portal项目实现各个应用的组合

HUANGSHENGBO/microfront-end-single-spa

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

microfront-end-single-spa

利用single-spa搭建的一个微前端架构,其中各个小型应用具有独立部署、独立运行、允许存在独立仓储的特性。由portal项目实现各个应用的组合

主要技术

  1. single-spa
  2. systemJs

项目结构

  1. menu项目,开发框架react
  2. portal项目,组件调度、路由分发
  3. project1项目,开发框架react
  4. project2项目,开发框架vue,由vue-cli3脚手架生成

运行步骤

  1. 开启公共依赖模块的服务,我的公共依赖模块在portal项目下common-deps-static文件夹中,只需要在这个文件夹下开启服务即可,可以通过http-server插件,端口设置为8000,并且设置跨域--cors
  2. portal、menu、project1项目下,分别执行命令npm run start
  3. project2项目下,执行命令npm run serve
  4. chrome中打开页面:http://localhost:8233/即可

About

利用single-spa搭建的一个微前端架构,其中各个小型应用具有独立部署、独立运行、允许存在独立仓储的特性。由portal项目实现各个应用的组合

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 99.8%
  • Other 0.2%