aotoo-hub多項目前端腳手架
aotoo-hub 是一套通用型前端腳手架,無技術棧依賴,聚焦于多人協(xié)作及工程化,支持多項目并行開發(fā),幫助開發(fā)者快速產(chǎn)出項目。
aotoo-hub 是一套前端/NODE 端一體化設計的全棧腳手架,將它定位明確一點,專職編譯,與業(yè)務去耦合,webpack4編譯環(huán)境,node端由koa2提供服務。
獨立運行時,僅作為前端編譯、輸出靜態(tài)資源工具,hub采用webpack對前端的資源進行編譯,開發(fā)模式下由webpack-dev-server提供熱更新支持,生產(chǎn)環(huán)境下僅產(chǎn)出壓縮后的代碼
融合運行時,node(koa2,koa-router)將接管webpack-dev-server提供后端服務,此時可實現(xiàn)SSR服務,API服務,可用于部署,提供線上服務
一些特點
- 提供簡單的命令行工具
- 編譯環(huán)境支持多項目,共享編譯資源及node_module
- 支持為React/Vue/Jq/原生js/小程序等項目提供編譯環(huán)境
- 規(guī)范的前端、node端目錄結(jié)構(gòu)
- 支持動態(tài)樣式(sass/stylus)
- 支持多環(huán)境,命令行切換測試,生產(chǎn)等環(huán)境
- 支持node端(koa2)
腳手架源碼結(jié)構(gòu)
hub工作空間
├── build
├── aotoo.config.js
├── index.js
├── package.json
├── postcss.config.js
└── src
# vue 項目演示
└─ vueSample
├── configs # node環(huán)境配置文件,默認包含default.js
├── dist # 靜態(tài)資源輸出目錄
├── js # 前端業(yè)務js目錄(前端)
│── venders # 第三方庫文件目錄+自定義公共庫(前端)
...
└── server # node端的源碼目錄
│── pages # node端的業(yè)務目錄
└── plugins # 自定義插件目錄
# react 項目演示
└─ reactSample
├── configs # node環(huán)境配置文件,默認包含default.js
├── dist # 靜態(tài)資源輸出目錄
├── js # 前端業(yè)務js目錄(前端)
│── venders # 第三方庫文件目錄+自定義公共庫(前端)
...
└── server # node端的源碼目錄
│── pages # node端的業(yè)務目錄
└── plugins # 自定義插件目錄
# 小程序項目演示
└─ xcxSample
...
...
評論
圖片
表情
