aotoo-hub多项目前端脚手架

联合创作 · 2023-09-20 02:03

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
...
...

 

浏览 33
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报