aotoo-hub多项目前端脚手架
aotoo-hub 是一套通用型前端脚手架,无技术栈依赖,聚焦于多人协作及工程化,支持多项目并行开发,帮助开发者快速产出项目。
aotoo-hub 是一套前端/NODE 端一体化设计的全栈脚手架,将它定位明确一点,专职编译,与业务去耦合,webpack4编译环境,node端由koa2提供服务。
独立运行时,仅作为前端编译、输出静态资源工具,hub采用webpack对前端的资源进行编译,开发模式下由webpack-dev-server提供热更新支持,生产环境下仅产出压缩后的代码
融合运行时,node(koa2,koa-router)将接管webpack-dev-server提供后端服务,此时可实现SSR服务,API服务,可用于部署,提供线上服务
一些特点
- 提供简单的命令行工具
- 编译环境支持多项目,共享编译资源及node_module
- 支持为React/Vue/Jq/原生js/小程序等项目提供编译环境
- 规范的前端、node端目录结构
- 支持动态样式(sass/stylus)
- 支持多环境,命令行切换测试,生产等环境
- 支持node端(koa2)
脚手架源码结构
hub工作空间
├── build
├── aotoo.config.js
├── index.js
├── package.json
├── postcss.config.js
└── src
# vue 项目演示
└─ vueSample
├── configs # node环境配置文件,默认包含default.js
├── dist # 静态资源输出目录
├── js # 前端业务js目录(前端)
│── venders # 第三方库文件目录+自定义公共库(前端)
...
└── server # node端的源码目录
│── pages # node端的业务目录
└── plugins # 自定义插件目录
# react 项目演示
└─ reactSample
├── configs # node环境配置文件,默认包含default.js
├── dist # 静态资源输出目录
├── js # 前端业务js目录(前端)
│── venders # 第三方库文件目录+自定义公共库(前端)
...
└── server # node端的源码目录
│── pages # node端的业务目录
└── plugins # 自定义插件目录
# 小程序项目演示
└─ xcxSample
...
...
评论