專案使用同一個公共入口,所有模組都複用該入口,進入後根據專案的不同指向不同的模組。
專案中所有的微模組資源以及框架資源都可以互相通訊,互相引用,互相訪問。微模組之間在開發版本中不設定壁壘。保證程式碼元件高可用,所有元件能夠跨業務通訊,跨業務使用。
資源包括:業務元件、靜態資源(css、圖片、音視訊檔案等)、js工具等
為保證專案各團隊能夠獨立執行,各自開發。在啟動工程的時候雖然是同一個入口,但是能夠分別啟動所屬的各自微模組的功能。可都啟動,也可只啟動一個,互不干擾。
啟動工程命令 啟動時通過正常啟動命令+微模組名來啟動。 例如:npm run dev:project1 該命令啟動名叫 project1 的微模組。啟動時瀏覽器將自動開啟頁面,後續會詳細講到。
每一個模組都可以獨自打包,獨自上線,互不影響,保證生成高可用。 打包資源目錄結構如下:
├── dist # 專案打包資源
│ ├── project01 # 第一個微模組打包資源
│ │ ├── static
│ │ ├── index.html
│ │ └── [project1]w${時間}.tar
│ ├── project02 # 第二個微模組打包資源
│ │ ├── static
│ │ ├── index.html
│ │ └── [project1]w${時間}.tar
│ └── 。。。
打包工程命令 打包時通過正常打包命令+微模組名來啟動。 例如:npm run build:project1 該命令打包名叫 project1 的微模組。打包後在dist資料夾中生產對應的微模組資料夾。
本作品採用《CC 協議》,轉載必須註明作者和本文連結