https://github.com/zhentaoo/mono-seeds

使用monorepo实践&管理各种前端技术seeds项目：vue、midway、qiankun、lerna、reactnative&expo、electron、微信小程序、抖音小程序、tensorflow&ml5&ai
https://github.com/zhentaoo/mono-seeds

demo lerna midway qiankun vue

Last synced: 3 months ago
JSON representation

使用monorepo实践&管理各种前端技术seeds项目：vue、midway、qiankun、lerna、reactnative&expo、electron、微信小程序、抖音小程序、tensorflow&ml5&ai

• Host: GitHub
• URL: https://github.com/zhentaoo/mono-seeds
• Owner: zhentaoo
• Created: 2021-01-07T02:47:25.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2021-02-18T11:20:35.000Z (over 4 years ago)
• Last Synced: 2025-03-17T14:22:09.578Z (3 months ago)
• Topics: demo, lerna, midway, qiankun, vue
• Language: JavaScript
• Homepage:
• Size: 12.2 MB
• Stars: 22
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 用monorepo管理多种技术实践Demo

## Packages：子应用说明

- ai-ml5js: 前端深度学习框架，在浏览器运行的AI

- fe-electron: electorn 客户端应用开发

- fe-qiankun：qiankun框架主应用

- fe-reactnative：reactnative、expo框架

- fe-vue：vuejs + qiankun子应用

- graph-mind: xmind图、脑图Demo

- node-midway：midwayjs框架

- server-config：mongo、pm2、nginx等配置

- mini-douyin-ceyice：抖音小程序demo

- mini-wechat-baoquduanzi：微信小程序demo

## Lerna基础命令

- lerna init：新建monorepo

- lerna bootstrap：安装所有子应用依赖

- lerna create [subapp]：新建子应用

## Qiankun： 微前端方案 使用示例

1. 分别运行主应用(fe-qiankun)8080端口、子应用(fe-vue)8081端口

![](./doc/2021-01-27-14-30-53.png)

2. 独立运行的子应用

![](./doc/2021-01-27-14-36-40.png)

3. 独立运行的主应用

![](./doc/2021-01-27-14-37-21.png)

4. 结合使用微前端

![](./doc/2021-01-27-14-38-23.png)