AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

webpack配置篇（三十七）：Git 规范和 Changelog 生成

2023-02-24 149
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： webpack配置篇（三十七）：Git 规范和 Changelog 生成

说明

玩转webpack学习笔记



介绍


良好的 Git commit 规范优势：

  • 加快 Code Review 的流程
  • 根据 Git Commit 的元数据生成 Changelog
  • 后续维护者可以知道 Feature 被修改的原因



技术方案

20210422203237782.png

提交格式要求

2021042220333766.png


本地开发阶段增加 precommit 钩子

安装 husky

npm install husky --save-dev


通过 commitmsg 钩子校验信息

"scripts": {
  "commitmsg": "validate-commit-msg",
  "changelog": "conventional-changelog -p angular -i CHANGELOG.md -s -r 0"
},
"devDependencies": {
  "validate-commit-msg": "^2.11.1",
  "conventional-changelog-cli": "^1.2.0",
  "husky": "^0.13.1"
}


Changelog 生成


20210422204410312.png





文章标签：
开发工具
git
关键词：
GIT配置
配置GIT
Webpack配置
GIT规范
配置GIT规范
凯小默
目录
相关文章
html的七十二变
|
2月前
|
前端开发
在Webpack配置文件中，如何配置loader以处理其他类型的文件，如CSS或图片
在Webpack配置文件中，通过设置`module.rules`来配置loader处理不同类型的文件。例如，使用`css-loader`和`style-loader`处理CSS文件，使用`file-loader`或`url-loader`处理图片等资源文件。配置示例：在`rules`数组中添加对应规则，指定`test`匹配文件类型，`use`指定使用的loader。
html的七十二变
107 7
我是快乐的嘟嘟
|
2月前
|
缓存 前端开发 JavaScript
Webpack与Babel的进阶配置与优化
通过以上的进阶配置和优化策略，可以更好地发挥`Webpack`与`Babel`的功能，提高项目的性能和开发效率。
我是快乐的嘟嘟
61 2
dufadayang
|
2月前
|
JavaScript 前端开发 UED
如何配置 Webpack 进行代码分离？
通过以上方法，可以有效地配置Webpack进行代码分离，根据项目的具体需求和场景选择合适的方式，能够显著提高应用的性能和用户体验。在实际应用中，还可以结合其他优化技术，进一步优化Webpack的打包结果和应用的加载速度。
dufadayang
78 5
dufadayang
|
2月前
|
前端开发 JavaScript
webpack相关配置
以上只是Webpack配置的一些常见部分，实际应用中还可以根据具体的项目需求和场景进行更复杂和细致的配置，以满足不同的构建和优化要求。
dufadayang
65 2
潜意识Java
|
1天前
|
前端开发 Java 开发工具
Git使用教程-将idea本地Java等文件配置到gitte上【保姆级教程】
本内容详细介绍了使用Git进行版本控制的全过程，涵盖从本地仓库创建到远程仓库配置，以及最终推送代码至远程仓库的步骤。
潜意识Java
9 0
蓝易云
|
1月前
|
移动开发 jenkins 持续交付
jenkins配置git
通过上述步骤，您可以在 Jenkins 中成功配置 Git，从而实现自动拉取代码并进行构建和部署。这些配置不仅提高了开发效率，还保证了代码的连续集成和交付。确保每一步配置正确，以避免在实际使用中遇到问题。
蓝易云
70 1
那年春天
|
2月前
|
缓存 JavaScript 前端开发
配置 Webpack 进行代码分离的常见方法有哪些？
通过以上常见方法，可以根据项目的具体需求和场景，灵活地配置Webpack进行代码分离，从而提高应用的性能和加载速度，优化用户体验。
那年春天
45 3
eisc
|
2月前
|
Ubuntu Shell 开发工具
ubuntu/debian shell 脚本自动配置 gitea git 仓库
这是一个自动配置 Gitea Git 仓库的 Shell 脚本，支持 Ubuntu 20+ 和 Debian 12+ 系统。脚本会创建必要的目录、下载并安装 Gitea，创建 Gitea 用户和服务，确保 Gitea 在系统启动时自动运行。用户可以选择从官方或小绿叶技术博客下载安装包。
eisc
86 2
廖小凡
|
2月前
|
算法 网络安全 开发工具
[Git]关联远程库的两种方法及配置
本文介绍了 git 的四种连接方式：ssh 连接、HTTPS 连接、SVN 连接和 SVN + ssh 连接，重点讲解了 HTTPS 和 ssh 连接方式的配置及注意事项。文章详细解释了 HTTPS 连接的身份验证过程、常见问题及解决方案，以及 ssh 连接的公钥和私钥的创建、配置方法。此外，还介绍了如何在同一台电脑上连接多个 gitee 账号的方法。
廖小凡
251 0
[Git]关联远程库的两种方法及配置
小王老师呀
|
2月前
|
Linux 网络安全 开发工具
IDEA如何配置git和github
【11月更文挑战第14天】本指南详细介绍了如何在 IntelliJ IDEA 中配置 Git 和 GitHub，包括检查和设置 Git 路径、测试配置，以及通过 SSH 或 HTTPS 方式配置 GitHub 仓库的具体步骤。完成配置后，用户可在 IDEA 中轻松进行版本控制操作。
小王老师呀
316 0

热门文章

最新文章

  • 1
    如何操作github，gitee，gitcode三个git平台建立镜像仓库机制，这样便于维护项目只需要维护一个平台仓库地址的即可-优雅草央千澈
  • 2
    git hook
  • 3
    代码管理的艺术：你的团队是否还在为 Git 分支管理头疼？
  • 4
    git使用之如何将一套代码同时推送至github|gitee|gitcode|gitlab等多个仓库-含添加ssh-优雅草央千澈完美解决-提供整体提交代码
  • 5
    【vue】webpack打包vue项目并且运行在Tomcat里面
  • 6
    wp2vite的妙用，让webpack项目支持vite
  • 7
    2.2.3 使用webpack loader
  • 8
    你真的理解 Webpack？请回答下列问题
  • 9
    Error: Cannot find module ‘webpack‘ 问题解决办法
  • 10
    webpack指南-webpack介绍-代码分割 - CSS
  • 1
    git fatal: detected dubious ownership in repository at ‘xxx‘ 彻底解决方法
    728
  • 2
    在idea里如何实现Git项目回滚
    117
  • 3
    git如何不上传指定的文件或文件夹
    495
  • 4
    Git 中文参考（五）（9）
    148
  • 5
    Git 中文参考（五）（8）
    42
  • 6
    Git 中文参考（五）（7）
    176
  • 7
    Git 中文参考（五）（6）
    73
  • 8
    Git 中文参考（五）（5）
    40
  • 9
    Git 中文参考（五）（4）
    62
  • 10
    Git 中文参考（五）（3）
    55

    • 相关课程

    更多
  • Git从入门到进阶
  • Git 基础入门到实战详解
  • 前端自动化构建工具 Webpack

    • 相关电子书

    更多
  • 新一代高效Git协同模型
  • AGit-Flow:新一代高效Git协同模型
  • AGit-flow:新一代高效Git协同模型

    • 相关实验场景

    更多
  • Html5和Webpack3：Webpack5的常见用法
  • Html5和Webpack2：Webpack5打包JS和样式表
  • Html5和Webpack1：Webpack5打包工具介绍
  • 前端开发基础6：Node.js和LESS预编译工具
  • Web Terminal环境使用指南
  • Git入门
    • 下一篇
    阿里云开通OSS存储服务详细流程