建站
咨詢(xún)
售后
建站咨詢(xún)
新聞中心
微前端框架 single-spa：https://zh-hans.single-spa.js.org/
我們提供的服務(wù)有：網(wǎng)站設(shè)計(jì)制作、做網(wǎng)站、微信公眾號(hào)開(kāi)發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、左云ssl等。為上千企事業(yè)單位解決了網(wǎng)站和推廣的問(wèn)題。提供周到的售前咨詢(xún)和貼心的售后服務(wù)，是有科學(xué)管理、有技術(shù)的左云網(wǎng)站制作公司
single-spa：https://single-spa.js.org/ 是一個(gè)實(shí)現(xiàn)微前端架構(gòu)的框架。
在 single-spa 框架中有三種類(lèi)型的微前端應(yīng)用：
1. single-spa-application / parcel：微前端架構(gòu)中的微應(yīng)用，可以使用 vue、react、angular 等框架。
2. single-spa root config：創(chuàng)建微前端容器應(yīng)用。
3. utility modules：公共模塊應(yīng)用，非渲染組件，用于跨應(yīng)用共享 javascript 邏輯的微應(yīng)用。
創(chuàng)建容器應(yīng)用
安裝 single-spa 腳手架工具：npm installcreate-single-spa@2.0.3 -g
創(chuàng)建微前端容器應(yīng)用：create-single-spa
1. 應(yīng)用文件夾填寫(xiě) container
2. 應(yīng)用選擇 single-spa root config
3. 組織名稱(chēng)填寫(xiě) study
組織名稱(chēng)可以理解為團(tuán)隊(duì)名稱(chēng)，微前端架構(gòu)允許多團(tuán)隊(duì)共同開(kāi)發(fā)應(yīng)用，組織名稱(chēng)可以標(biāo)識(shí)應(yīng)用由哪個(gè)團(tuán)隊(duì)開(kāi)發(fā)。
應(yīng)用名稱(chēng)的命名規(guī)則為@組織名稱(chēng)/應(yīng)用名稱(chēng)，比如@study/todos。
4. 啟動(dòng)應(yīng)用：cd ./singletest && npm start
5. 訪(fǎng)問(wèn)應(yīng)用：localhost:9000
容器默認(rèn)代碼解析
src/xx-root-config.js
index.ejs
分享名稱(chēng)：微前端框架single-spa：創(chuàng)建微前端容器應(yīng)用
URL鏈接：http://www.5511xx.com/article/dpsosso.html
