vue 自动部署自动发布_前端自动化部署的深度实践

最新推荐文章于 2024-09-07 09:03:00 发布

我不是蟾蜍先生

最新推荐文章于 2024-09-07 09:03:00 发布

阅读量1.2k

点赞数

文章标签： vue 自动部署自动发布

本文链接：https://blog.csdn.net/weixin_27427397/article/details/113536546

版权

本文介绍了使用conventional-changelog生成更新日志，并结合规范化的commit message，实现Vue项目的自动部署流程。通过npm钩子触发部署脚本，更新版本号并构建项目，然后将构建结果传输到服务器，利用软链接实现不同版本间的平滑过渡，最后推送到远程仓库。

摘要由CSDN通过智能技术生成

年前我也在 自动化部署这方面下了点功夫，将自己的学习所得在自动化部署的一小步，前端搬砖的一大步这篇博客中做了分享。感谢两位网友 @_shanks和 @TomCzHen的意见，让我有了继续优化部署流程的动力。本文主要是在自动化部署流程中，对 版本管理和 流程合理性等方面做了一些改进，配合规范的工作流，使用体验更佳！

更新日志自动生成

之前我都是手动修改 CHANGELOG.md，用来记录更新日志，感觉操作起来有点心累，也不是很规范。好在已有前人种树，于是我就考虑利用 conventional-changelog-cli自动生成和更新 CHANGELOG.md，真的好用！

什么是conventional-changelog

Generate a changelog from git metadata

根据 git元数据生成更新日志，而 conventional-changelog-cli则是相关的命令行工具。

安装conventional-changelog-cli

npm install -g conventional-changelog-cli

初始化生成CHANGELOG.md

cd my-project
conventional-changelog -p angular -i CHANGELOG.md -s

以上命令是基于最后一次的 Feature, Fix, Performance Improvement or Breaking Changes等类型的 commit记录生成或更新 CHANGELOG.md。如果你希望根据之前所有的 commit记录生成完整的 CHANGELOG.md，那么可以试试下面这条命令：

conventional-changelog -p angular -i CHANGELOG.md -s -r 0

工作流

最低0.47元/天解锁文章