在现代 Web 开发中，npm 是一个必不可少的工具。它使我们可以快速地安装、升级和管理包。但是，在使用 npm 时，我们可能会遇到不同版本的相同包，不同包具有相同的功能，导致我们在编程时出现混乱。在这种情况下，我们需要一个工具来解决这个问题。
这里介绍一个称为 canonicalizer 的 npm 包，它可以将不同版本的相同包转换为同一个规范化的版本。
什么是 canonicalizer？
Canonicalizer 是一个可以将不同版本的相同包（如 "lodash" and "lodash-es"）规范化为同一个版本的工具。它可以把所有包的名称和版本号都规范化，以确保它们在我们的项目中使用时是一致的。
该工具可以让我们更容易地了解哪些包已安装，避免重复安装，以及查找已解决的包冲突。它还可以提高应用程序的性能，因为我们的代码将不需要加载多个版本的同一个包。
如何使用 canonicalizer
安装
首先，我们需要安装 canonicalizer。我们可以通过以下命令来进行安装：
npm install -g canonicalizer
这将全局安装 canonicalizer。只需在终端中键入 "canonicalizer" 即可使用它。
使用示例
为了演示如何使用 canonicalizer，我们将使用 "lodash" 和 "lodash-es" 这两个相同功能的包。
创建新的项目
我们首先需要创建一个新的 npm 项目。请在终端中输入以下命令：
npm init -y
这个命令将创建一个新的 npm 项目，并使用默认设置。接下来，我们需要在项目中安装 "lodash" 和 "lodash-es" 这两个包：
npm install lodash npm install lodash-es
使用 canonicalizer 规范化包
现在，我们要使用 canonicalizer 来规范化这两个包。请在终端中输入以下命令：
canonicalizer --dry-run --exclude-dev
这个命令将列出需要更改包的名称和版本，但不会实际更改它们。我们可以使用 --dry-run 标志来检查它将做什么，而不实际更改任何内容。
实际规范化包
如果可以看到我们即将更改的包的名称和版本，以及要更改为的规范化名称和版本，则可以运行以下命令来实际更改它们：
canonicalizer --exclude-dev
现在，我们可以看到 "lodash" 和 "lodash-es" 都已被规范化为 "lodash"。我们可以再次运行 "npm list" 命令来查看规范化结果：
npm list
示例代码
下面是代码示例：
const _ = require("lodash"); // 不再需要改为实际的名称，即已被规范化
console.log(_.chunk([1, 2, 3, 4], 2)); // 输出：[[1, 2], [3, 4]]结论
Canonicalizer 是一个很有用的工具，可以帮助我们更好地管理 npm 包。它可以帮助我们避免重复安装同一个包，更容易了解哪些包已安装，以及查找已解决的包冲突。此外，规范化包还可以提高应用程序的性能。所以，它是每个前端开发人员都应该使用的工具之一。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066c92ccdc64669dde5a90