https://github.com/chipmunktail/single-spa-contianer
micro frontend container for vue and other plugins
https://github.com/chipmunktail/single-spa-contianer
Last synced: 5 months ago
JSON representation
micro frontend container for vue and other plugins
- Host: GitHub
- URL: https://github.com/chipmunktail/single-spa-contianer
- Owner: chipmunktail
- Created: 2020-03-13T15:42:59.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2020-03-13T15:54:02.000Z (over 6 years ago)
- Last Synced: 2025-11-17T04:33:34.953Z (8 months ago)
- Language: HTML
- Size: 1.95 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
# single-spa-container
## Install development environment dependencies
*install create-single-spa*
`npm install —global create-single-spa`
*install vue-cli3*
`npm install -g @vue/cli`
## Create project
Front-end microservices are divided into two steps：
1. Create a microservice container, the single-spa framework.
2. Create a microservice module, and the sub-applications are the various service modules in the microservice.
### Create a microservice container
`npm i sinle-spa-container -s`
### Create a microservice module
1. Create a sub-application
`vue create sub-app1`
2. Add single-spa plugin
`vue add single-spa`
4. Modified as a front-end microservice application
`vue add 4singlespa`
## Configure microservice container
```
// todo
single-spa html
```
## Configure microservice module
Extract dependencies and optimize file size after packaging：
```
// todo
vue.config.js
```
## other
* [System.js](https://github.com/systemjs/systemjs) is used in the microservice container, This is a module loader that provides a backward compatible workflow for ES modules in the browser.
* Source code：[single-spa-contianer](https://github.com/hjdtl/single-spa-contianer), [vue-cli-plugin-4singlespa](https://github.com/hjdtl/vue-cli-plugin-4singlespa), any questions please [issue](https://github.com/hjdtl/single-spa-contianer/issues).