组织介绍

microApp-scaffold

描述

microApp-scaffold 该项目是一个微前端基础脚手架,适用于比较大型的,功能较多且复杂业务的,巨型前端项目,
整体项目由若干个独立的代码组成,独立代码仓库独立部署

技术栈

  1. 使用 qiankun 作为微前端框架
  2. 使用 umi 作为项目脚手架
  3. 使用 antd 作为项目 UI 框架
  4. 可以配置开启 OSS CDN 加速
  5. 公有依赖收集(提取公用依赖打包一份给所有服务公用)

演示链接

https://web-micro-app-module-basic.vercel.app

项目文档

https://web-standard-doc.vercel.app/scaffold/micro-app

下载项目

git clone https://gitee.com/benchu-scaffold-platform/microApp-scaffold.git
cd ./microApp-scaffold

<!-- linux 或者 mac -->
npm run clone

<!-- windows -->
npm run clone2

安装依赖

所有项目中 npm install 安装依赖,全部安装完成后回到根目录

启动项目

  1. 单独启动 进入各自项目文件夹单独启动 npm start
  2. 多个项目启动 在 microApp-scaffold 根目录执行 npm start 可修改需要启动的项目(如下图) 其中 basic 为主服务
  3. 访问 http://localhost:31781

部署

这里以举个例子提供参考(需要替换成自己的镜像地址)

  1. 打包编译项目
npm run build
  1. 使用 docker 或者 docker-composenginx 为基础镜像打包为镜像
docker build -t benchu0630/web-microApp-module-basic:latest ./
  1. 打包后的容器发布到对应的 镜像仓库
docker push benchu0630/web-microApp-module-basic
  1. 生产服务器拉取镜像
docker pull benchu0630/web-microApp-module-basic
  1. 拉取镜像后创建容器 完成部署
docker run --name web-microApp-module-basic -d -p 31781:80 benchu0630/web-microApp-module-basic
成就
7
Star
24
Fork
成员(6)
aidan200
meng
coder-zyp
5341889 jkmac 1646388622
Mr.Ma
毕帅
蓝嚟

搜索帮助