【Marewood】前端部署打包工具V1.0.0来袭

背景

marewood 的诞生是因为本人在做前端小组长时,因为手里同时管理了二三十个前端仓库,每个仓库经常使用不同的分支部署测试和预发布环境来验证,并且随时公司的业务发展,会有越来越多的h5活动。团队尝试使用过jenkins,但是各种配置和繁琐的使用让我萌生了写一个前端打包工具的念头。

V1.0.0 是经过了好久一段时间的使用重构而来,将实时状态同步技术WebSocket改成了SSE,并且提供了全新更方便的UI。

Screenshot

使用

node16

shell 复制代码
docker run -d --name marewood -p 8088:8088 -v ~/docker/marewood:/marewood/resources ghcr.io/xusenlin/marewood:1.0.0-node16

node18

shell 复制代码
docker run -d --name marewood -p 8088:8088 -v ~/docker/marewood:/marewood/resources ghcr.io/xusenlin/marewood:1.0.0-node18

node20

shell 复制代码
docker run -d --name marewood -p 8088:8088 -v ~/docker/marewood:/marewood/resources ghcr.io/xusenlin/marewood:1.0.0-node20

可以选择你喜欢的node版本安装,当然也可以全部安装,这些镜像使用了alpine来构建,都很小(包含node,git,npm/yarn/pnpm等工具) 当然还有配置了npm/yarn/pnpm为阿里云的镜像可选,不然可能有的项目在打包时安装不上前端依赖,

node16.15

shell 复制代码
docker run -d --name marewood -p 8088:8088 -v ~/docker/marewood:/marewood/resources ghcr.io/xusenlin/marewood:1.0.1-node16.15

node18

shell 复制代码
docker run -d --name marewood -p 8088:8088 -v ~/docker/marewood:/marewood/resources ghcr.io/xusenlin/marewood:1.0.1-node18

当然,也有docker加速可选

加速镜像node18

shell 复制代码
docker run -d --name marewood -p 8088:8088 -v ~/docker/marewood:/marewood/resources  ghcr.dockerproxy.com/xusenlin/marewood:1.0.1-node18
  • 如果注册的用户名是Admin,它将自动成为超级管理员,用户名不能重复。
  • 配置前端项目,使用不同的打包命令自动选择不同的API请求地址,以满足各种环境的打包需求。
  • 如果需要切换Node.js版本,请停止Marewood容器并使用相同挂载目录运行另一个版本的容器。
  • 挂载的"resources"目录包含数据库文件、克隆的Git仓库和打包的静态文件(在"web"目录中),可以使用Nginx用于提供静态文件,并配置为指向"web"目录。这样的设置允许通过URL自由访问打包的项目

Git

gitee.com/wumulaozu/m...

github.com/xusenlin/ma...

是不是很方便?部署测试是不是很简单?只要新建仓库之后,就可以新建多个任务关联此仓库,什么分支了打包了,不同打包命令使用不同api请求地址了,统统不在话下。

相关推荐
2501_915918413 小时前
Web 前端可视化开发工具对比 低代码平台、可视化搭建工具、前端可视化编辑器与在线可视化开发环境的实战分析
前端·低代码·ios·小程序·uni-app·编辑器·iphone
程序员的世界你不懂4 小时前
【Flask】测试平台开发,新增说明书编写和展示功能 第二十三篇
java·前端·数据库
索迪迈科技4 小时前
网络请求库——Axios库深度解析
前端·网络·vue.js·北京百思可瑞教育·百思可瑞教育
gnip4 小时前
JavaScript二叉树相关概念
前端
attitude.x5 小时前
PyTorch 动态图的灵活性与实用技巧
前端·人工智能·深度学习
β添砖java5 小时前
CSS3核心技术
前端·css·css3
空山新雨(大队长)5 小时前
HTML第八课:HTML4和HTML5的区别
前端·html·html5
猫头虎-前端技术6 小时前
浏览器兼容性问题全解:CSS 前缀、Grid/Flex 布局兼容方案与跨浏览器调试技巧
前端·css·node.js·bootstrap·ecmascript·css3·媒体
阿珊和她的猫6 小时前
探索 CSS 过渡:打造流畅网页交互体验
前端·css