微前端框架single-spa:https://zh-hans.single-spa.js.org/single-spa:https://single-温泉。js.org/是一个实现微前端架构的框架。single-spa框架中的微前端应用分为三类:1.single-spa-application/parcel:微前端架构中的微应用,可以使用vue、react、angular等框架。2.single-sparootconfig:创建微前端容器应用。3.实用模块:公共模块应用程序、非渲染组件、跨应用程序共享javascript逻辑的微应用程序。创建容器应用并安装single-spa脚手架工具:npminstallcreate-single-spa@2.0.3-g创建微前端容器应用:create-single-spa1。填写应用文件夹container2。选择应用程序single-sparootconfig3。机构名称填写研究机构名称,可以理解为团队名称。微前端架构允许多个团队共同开发应用程序,组织名称可以识别应用程序是由哪个团队开发的。应用名称的命名规则为@组织名称/应用名称,如@study/todos。4.启动应用程序:cd./singletest&&npmstart5。访问应用:localhost:9000容器默认代码分析src/xx-root-config.jsindex.ejs
