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

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

2023-02-24 144
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 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
关键词：
Webpack配置
配置GIT
GIT配置
GIT规范
配置GIT规范
凯小默
目录
相关文章
dufadayang
|
11天前
|
JavaScript 前端开发 UED
如何配置 Webpack 进行代码分离？
通过以上方法，可以有效地配置Webpack进行代码分离，根据项目的具体需求和场景选择合适的方式，能够显著提高应用的性能和用户体验。在实际应用中，还可以结合其他优化技术，进一步优化Webpack的打包结果和应用的加载速度。
dufadayang
29 5
dufadayang
|
11天前
|
前端开发 JavaScript
webpack相关配置
以上只是Webpack配置的一些常见部分，实际应用中还可以根据具体的项目需求和场景进行更复杂和细致的配置，以满足不同的构建和优化要求。
dufadayang
26 2
那年春天
|
11天前
|
缓存 JavaScript 前端开发
配置 Webpack 进行代码分离的常见方法有哪些？
通过以上常见方法，可以根据项目的具体需求和场景，灵活地配置Webpack进行代码分离，从而提高应用的性能和加载速度，优化用户体验。
那年春天
20 3
eisc
|
11天前
|
Ubuntu Shell 开发工具
ubuntu/debian shell 脚本自动配置 gitea git 仓库
这是一个自动配置 Gitea Git 仓库的 Shell 脚本，支持 Ubuntu 20+ 和 Debian 12+ 系统。脚本会创建必要的目录、下载并安装 Gitea，创建 Gitea 用户和服务，确保 Gitea 在系统启动时自动运行。用户可以选择从官方或小绿叶技术博客下载安装包。
eisc
31 2
土木林森
|
18天前
|
缓存 前端开发 JavaScript
前端性能优化：Webpack与Babel的进阶配置与优化策略
【10月更文挑战第28天】在现代Web开发中，Webpack和Babel是不可或缺的工具，分别负责模块打包和ES6+代码转换。本文探讨了它们的进阶配置与优化策略，包括Webpack的代码压缩、缓存优化和代码分割，以及Babel的按需引入polyfill和目标浏览器设置。通过这些优化，可以显著提升应用的加载速度和运行效率，从而改善用户体验。
土木林森
35 6
土木林森
|
19天前
|
缓存 监控 前端开发
前端工程化：Webpack与Gulp的构建工具选择与配置优化
【10月更文挑战第26天】前端工程化是现代Web开发的重要趋势，通过将前端代码视为工程来管理，提高了开发效率和质量。本文详细对比了Webpack和Gulp两大主流构建工具的选择与配置优化，并提供了具体示例代码。Webpack擅长模块化打包和资源管理，而Gulp则在任务编写和自动化构建方面更具灵活性。两者各有优势，需根据项目需求进行选择和优化。
土木林森
48 7
大树营养快线
|
21天前
|
前端开发
配置 Webpack 实现热更新
【10月更文挑战第23天】还可以进一步深入探讨热更新的具体实现细节、不同场景下的应用案例，以及如何针对特定需求进行优化等方面的内容。通过全面、系统地了解 Webpack 热更新的配置方法，能够更好地利用这一功能，提升项目的开发效率和性能表现。同时，要不断关注 Webpack 及相关技术的发展动态，以便及时掌握最新的热更新技术和最佳实践。
大树营养快线
33 8
java冯坚持
|
1月前
|
JavaScript
webpack学习三：webpack初始化整合配置vue，一步一步的抽离代码块整合vue。
这篇文章是关于如何在webpack环境中配置Vue.js，包括安装Vue.js、解决报错、理解el与template的区别、使用SPA模式、抽离模板为对象、封装为单独的js文件、安装vue-loader时遇到的问题及解决方案，以及整个过程的总结。
java冯坚持
71 2
webpack学习三：webpack初始化整合配置vue，一步一步的抽离代码块整合vue。
进步`于辰
|
17天前
|
算法 网络安全 开发工具
[Git]关联远程库的两种方法及配置
本文介绍了 git 的四种连接方式：ssh 连接、HTTPS 连接、SVN 连接和 SVN + ssh 连接，重点讲解了 HTTPS 和 ssh 连接方式的配置及注意事项。文章详细解释了 HTTPS 连接的身份验证过程、常见问题及解决方案，以及 ssh 连接的公钥和私钥的创建、配置方法。此外，还介绍了如何在同一台电脑上连接多个 gitee 账号的方法。
进步`于辰
55 0
[Git]关联远程库的两种方法及配置
土木林森
|
19天前
|
缓存 前端开发 JavaScript
前端工程化：Webpack与Gulp的构建工具选择与配置优化
【10月更文挑战第27天】在现代前端开发中，构建工具的选择对项目的效率和可维护性至关重要。本文比较了Webpack和Gulp两个流行的构建工具，介绍了它们的特点和适用场景，并提供了配置优化的最佳实践。Webpack适合大型模块化项目，Gulp则适用于快速自动化构建流程。通过合理的配置优化，可以显著提升构建效率和性能。
土木林森
31 2