https://github.com/YataoZhang/my-single-spa

微前端框架简易实现，方便不了解微前端实现原理的同学快速掌握其原理
https://github.com/YataoZhang/my-single-spa

Last synced: 3 months ago
JSON representation

微前端框架简易实现，方便不了解微前端实现原理的同学快速掌握其原理

• Host: GitHub
• URL: https://github.com/YataoZhang/my-single-spa
• Owner: YataoZhang
• Created: 2019-10-21T07:36:19.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-04T23:06:55.000Z (almost 2 years ago)
• Last Synced: 2024-06-20T09:31:18.796Z (5 months ago)
• Language: JavaScript
• Size: 1.18 MB
• Stars: 497
• Watchers: 18
• Forks: 126
• Open Issues: 11
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-github-star - my-single-spa

README

        
# 简单的微前端框架

![demo](https://github.com/yataoZhang/my-single-spa/raw/master/demo.gif)

## 具体实现思路

[手把手带你写微前端框架](https://github.com/YataoZhang/my-single-spa/issues/4)

## 前提

```shell

$ npm i

```

## 快速开始

```shell

$ npm run watch

```

然后在浏览器中访问： http://localhost:10001/toutrial/quick/index.html

当前已支持：

1. 简单的快速上手

2. systemjs

3. Vuejs

## 开发模式

```shell

$ npm run build:dev

```

## ecosystem

仅支持两种：

1. [vue](https://github.com/YataoZhang/my-single-spa/blob/master/ecosystem/my-single-spa-vue.js)

2. [React](https://github.com/YataoZhang/my-single-spa/blob/master/ecosystem/my-single-spa-react.js)

## 待续

1. 支持Vue、React混合部署（未完成）

2. 除目前支持的路由级别的app隔离外，还支持功能（Feature）级隔离（已完成）