在前端开发中，我们经常会需要发布自己的 package 到 npm 上，以便他人可以便捷地使用我们所开发的功能模块。而对于初学者来说，发布 package 可能并不是一件容易的事情。因此，我们介绍一个 npm 包——@invisible/publish，它可以大大地简化包发布的流程，让我们的开发效率进一步提升。
@invisible/publish 的作用
@invisible/publish 是一个 npm 包，它提供了一种简单的方式，让我们可以通过命令行的方式来创建、更新、发布和版本控制 package。
@invisible/publish 的使用流程如下：
- 首先，我们需要通过 npm install 命令安装 @invisible/publish 包；
- 接着，在项目根目录下创建一个名为
publish_config.json的文件，填入一些项目的信息（如项目名称、版本号、描述等）； - 然后，执行
npx publish命令，会自动完成 package 的创建、发布、版本更新等操作。
安装 @invisible/publish
在项目根目录下执行以下命令：
npm install --save-dev @invisible/publish
创建 publish_config.json
在项目根目录下创建 publish_config.json 文件，其内容如下：
-- -------------------- ---- -------
-
------- -------------
---------- --------
------------- --------
----------------- ---- ------- ---------- ----------------------------
-------------------- ---- --- -------
-------------- --- ----- ---------
------------- -
------- ------
------ --------------------------------------------
--
--------- ----- ------
---------- -----
-在该文件中，我们定义了 package 的基本信息，包括名称、版本号、发布目录、发布命令、描述、源代码仓库地址等信息。其中，publishConfig 字段是必须的，它告诉 @invisible/publish 如何发布我们的 package。
发布 package
在 publish_config.json 文件所在目录下，执行以下命令：
npx publish
在执行该命令之前，我们需要检查一下 package.json 文件中的 name 和 version 是否和 publish_config.json 文件中的信息一致，在发布完成后，我们也需要检查一下已经发布的 package，确认其内容是否符合我们的预期和需求。
版本控制
在使用 @invisible/publish 进行 package 版本控制时，我们只需要修改 package.json 文件中的版本号，之后执行 npx publish 命令即可自动发布新版本的 package。
示例代码
以下代码展示了如何使用 @invisible/publish 进行 package 发布：
-- -------------------- ---- -------
- -- ------------------
--- ------- ---------- ------------------
- -- -------------------
-
------- -------------
---------- --------
------------- --------
----------------- ---- ------- ---------- ----------------------------
-------------------- ---- --- -------
-------------- --- ----- ---------
------------- -
------- ------
------ --------------------------------------------
--
--------- ----- ------
---------- -----
-
- -- -------
--- -------结论
通过使用 @invisible/publish，我们可以大大简化 package 发布的流程，让开发者可以更好地专注于 package 的功能开发，提高开发效率。同时，该 npm 包也为我们提供了一种方便的版本控制方式，让我们的 package 可以随时更新，以满足不同场景的需求。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5ef800ab403f2923b035b94e