在前端开发中，我们经常需要使用第三方库来实现各种功能。NPM（Node Package Manager）是一个流行的包管理工具，它允许我们轻松地安装和使用数以千计的 JavaScript 库。
在本文中，我们将介绍如何使用 NPM 中的 Scoped Packages，这是一种在 NPM 包中添加命名空间的方法，以便更好地组织和管理我们的代码。
什么是 Scoped Packages？
Scoped Packages 是指在 NPM 包名前添加范围（scope）名称的一种约定。例如，如果您创建了一个名为 my-package 的包，并将其发布到公共 NPM 注册表，则它的包名为 my-package。但是，如果您添加了作用域名称 @my-scope，则新的包名为 @my-scope/my-package。
使用 Scoped Packages 可以使我们更好地组织和管理代码，并避免与其他包的命名冲突。因此，Scoped Packages 在 NPM 社区中非常受欢迎。
如何创建 Scoped Packages？
要创建 Scoped Packages，请按照以下步骤操作：
首先，确保您已全局安装了最新版本的 NPM。可以通过运行以下命令检查 NPM 版本：
--- --
接下来，创建一个新的文件夹，并在其中初始化一个新的 NPM 项目。运行以下命令：
----- ---------- -- ---------- --- ---- -----------------
在这里，我们使用了
--scope参数来指定作用域名称为@my-scope。这将创建一个新的 package.json 文件，并在其中添加作用域名称。您可以通过运行以下命令检查 package.json 文件：
--- ------------
最后，编写您的代码并将其发布到 NPM 注册表中。运行以下命令：
--- ------- ---------------
确保使用
--access=public参数来指定此包是公共的（对所有人可见）。
如何使用 Scoped Packages？
使用 Scoped Packages 与使用普通的 NPM 包类似。要使用已发布的 Scoped Package，请按照以下步骤操作：
在您的项目中运行以下命令以安装 Scoped Package：
--- ------- --------------------
请注意，如果您希望将 Scoped Package 作为依赖项保存在 package.json 文件中，请添加
--save或--save-dev参数。接下来，在您的代码中导入 Scoped Package：
----- --------- - --------------------------------
现在，您可以使用 Scoped Package 中的任何函数或变量来实现所需的功能。
示例代码
接下来，让我们看一个示例代码，演示如何创建和使用 Scoped Package。
创建 Scoped Package
首先，我们将创建一个新的 Scoped Package，并添加一个简单的函数：
创建一个名为
my-package的文件夹。在该目录中运行以下命令以初始化 NPM 项目：
--- ---- -----------------
在 package.json 文件中添加以下内容：
- ------- ----------------------- ---------- -------- -------------- -- ------ ------- -- - ------ --------- ------- ----------- ----------- - ----------------- --------- - -在该目录中创建一个名为 index.js 的新文件，并添加以下代码：
-------- -------------- - ------------------- ----------- - -------------- - - --------- -------- --
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/40844