Harold 项目使用教程

Harold 项目使用教程

harold Compares frontend project bundles 项目地址: https://gitcode.com/gh_mirrors/ha/harold

1. 项目介绍

Harold 是一个用于比较前端项目打包体积的 CLI 工具。它可以帮助开发者在重构或更新依赖时，更容易地测量和比较项目的大小。Harold 通过生成快照（snapshot）来记录项目打包后的文件大小，并支持对两个快照进行比较，从而直观地展示项目体积的变化。

2. 项目快速启动

安装

首先，你需要全局安装 Harold：

npm install -g @funboxteam/harold

使用

生成快照

进入你的项目目录，生成一个快照：

cd ~/my-syper-kewl-project/
harold snapshot -o before.json

比较快照

在项目中进行一些更改后，生成第二个快照，并进行比较：

harold snapshot -o after.json
harold diff before.json after.json

3. 应用案例和最佳实践

应用案例

假设你正在开发一个前端项目，并且你希望在每次代码提交前检查项目打包体积的变化。你可以使用 Harold 在每次提交前生成一个快照，并与上一次的快照进行比较，从而确保项目的体积没有意外增加。

最佳实践

1. 自动化快照生成：将 Harold 集成到 CI/CD 流程中，每次构建时自动生成快照，并与上一次的快照进行比较。
2. 定期检查：定期检查项目的打包体积，确保没有因为依赖更新或代码重构导致体积显著增加。
3. 优化提示：Harold 的比较结果可以帮助你识别哪些文件的体积增加最多，从而有针对性地进行优化。

4. 典型生态项目

Harold 主要用于前端项目的打包体积分析，因此它与以下项目有很好的集成和互补关系：

1. Webpack：Harold 可以与 Webpack 结合使用，帮助你分析 Webpack 打包后的文件体积。
2. Rollup：对于使用 Rollup 进行打包的项目，Harold 同样可以提供体积分析的支持。
3. Parcel：Parcel 是一个零配置的打包工具，Harold 可以帮助你监控 Parcel 打包后的项目体积。

通过结合这些工具，Harold 可以帮助你更好地管理和优化前端项目的打包体积。

harold Compares frontend project bundles 项目地址: https://gitcode.com/gh_mirrors/ha/harold