微前端框架 single-spa:创建微前端容器应用

微前端框架 single-spa:https://zh-hans.single-spa.js.org/
single-spa:https://single-spa.js.org/ 是微前微前一个实现微前端架构的框架。
在 single-spa 框架中有三种类型的端框端容微前端应用:
1. single-spa-application / parcel:微前端架构中的微应用,可以使用 vue、创建react、香港云服务器微前微前angular 等框架。端框端容
2. single-spa root config:创建微前端容器应用。创建
3. utility modules:公共模块应用,微前微前非渲染组件,端框端容用于跨应用共享 javascript 逻辑的创建微应用。
创建容器应用
安装 single-spa 脚手架工具:npm installcreate-single-spa@2.0.3 -g
创建微前端容器应用:create-single-spa
1. 应用文件夹填写 container
2. 应用选择 single-spa root config
3. 组织名称填写 study
组织名称可以理解为团队名称,服务器托管微前微前微前端架构允许多团队共同开发应用,端框端容组织名称可以标识应用由哪个团队开发。创建
应用名称的微前微前命名规则为@组织名称/应用名称,比如@study/todos。端框端容
创建
4. 启动应用:cd ./singletest && npm start
创建5. 访问应用:localhost:9000
创建
容器默认代码解析
src/xx-root-config.js
创建

index.ejs
创建


本文地址:http://www.bzve.cn/html/537f65898804.html
版权声明
本文仅代表作者观点,不代表本站立场。
本文系作者授权发表,未经许可,不得转载。