`npm` 包 `what-changed` 使用教程

what-changed 是一个方便的 npm 包，它可以用来查看 npm 包的版本之间的代码差异。在前端开发中，我们经常需要升级或者降级依赖包。这时候，就需要对比版本之间的代码差异，以便于了解对应版本的变更情况。what-changed 可以帮助我们快速地查看两个版本之间的代码差异，提供了便捷的工具来帮助我们更好地理解版本变更。

安装

我们可以很轻松地使用 npm 在命令行中进行安装：

npm install -g what-changed

使用

使用 what-changed，我们需要先安装相应的包，并且在命令行中输入以下命令：

what-changed [oldVersion] [newVersion] [--path [path/to/files]]

接下来，我们将逐一讲解这个命令以及它支持的参数。

版本号参数

在what-changed命令中，有两个必需的参数分别是 oldVersion 和 newVersion，用于指定两个需要对比的版本号。这两个参数可以是任何有效的 npm 包版本号，例如：

what-changed 1.0.0 2.0.0

如果不提供版本号参数，what-changed 将默认使用最近的两个版本进行对比。

文件路径参数

what-changed 默认会在当前目录下查找 package.json 文件，但我们也可以使用 --path 参数来指定需要对比的文件路径。例如：

what-changed 1.0.0 2.0.0 --path /path/to/package.json

输出格式

what-changed 默认将差异以一种易读的格式打印到控制台上，但我们也可以使用 --json 参数以 JSON 格式输出结果。例如：

what-changed 1.0.0 2.0.0 --json

示例

下面是一个实际的使用示例，我们将对比两个版本的 react 包，以查看版本间的差异：

what-changed 16.13.1 16.14.0 react

此时，what-changed 会输出以下结果：

react/JSXRuntime (new) : 6 changed lines
context/UnstableContext(implementation) (new) : 16 changed lines
server/ReactDOMServer (new) : 106 changed lines
shared/ReactDOMSharedInternals (new) : 28 changed lines
shared/getEventTarget (new) : 14 changed lines
__tests__/ReactDOMServer-test (new) : 24 changed lines

结语

what-changed 是一款非常便利的命令行工具，它可以帮助我们在前端开发中更好地了解依赖包版本之间的差异。在开发前，我们可以通过它来预估不同版本间的变更情况，避免出现代码冲突和错误。相信在这篇文章的介绍下，你已经能够熟练地使用 what-changed 进行版本比较了。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/204076