简介
@yarnpkg/plugin-stage 是 Yarn 包管理器的一个插件。它提供了一些命令，可以帮助前端开发者对项目进行一些预处理和构建操作。这些命令被称为 “Stage 阶段”。
在使用 @yarnpkg/plugin-stage 之前，你需要先安装 Yarn。如果你还没有安装 Yarn，可以参考官方文档进行安装。
安装
通过 npm 命令安装：
--- ------- -------- ---------------------
命令
yarn stage
这个命令是 @yarnpkg/plugin-stage 的核心命令，它用于运行一个或多个 Stage 阶段。
例如，下面的命令可以运行 build 阶段和 test 阶段：
---- ----- ----- ----
Stage 的名称可以自己定义，并且在 package.json 中进行配置，例如：
-
------- -------------
---------- --------
---------- -
-------------- ----- -------------
------------- ----- -----------
--
-------- -
--------
------
-
-上面的 stage 属性表示，当我们运行 yarn stage 命令时，它将按照数组中定义的顺序运行每个阶段。
yarn stage list
这个命令会列出所有可用的 Stage 阶段：
---- ----- ----
yarn stage info
这个命令可以查看特定阶段的详细信息，例如：
---- ----- ---- -----
这个命令将输出在 package.json 文件中定义的特定阶段的脚本命令、依赖关系等信息。
yarn stage add
这个命令用于添加一个新的 Stage 阶段。例如，我们可以添加一个名为 lint 的阶段：
---- ----- --- ---- ------- ----
上面的命令表示，当我们运行 yarn stage lint 命令时，它将运行 eslint src 命令。
yarn stage remove
这个命令用于删除一个已有的 Stage 阶段。例如，我们可以删除名为 test 的阶段：
---- ----- ------ ----
示例代码
下面是一个实际的示例，展示如何在项目中使用 @yarnpkg/plugin-stage：
-
------- -------------
---------- --------
---------- -
-------------- ----- -------------
------------- ----- ------------
------------- ------- ----
--
-------- -
--------
-------
------
--
--------------- -
------------------------ ---------
--------- --------
-
-上面的代码中，我们定义了三个 Stage 阶段，它们依次运行。build 阶段只是简单地输出一条消息，test 阶段输出另一条消息，而 lint 阶段则使用 eslint 对 src 目录中的代码进行检查。
在我们运行以下命令时，这三个阶段将按照定义的顺序依次执行：
---- ----- ----- ---- ----
总结
@yarnpkg/plugin-stage 是一个非常实用的工具，可以帮助我们实现一些自动化的构建和预处理操作，例如 Lint 检查、代码转换、打包等等。它的使用也非常简单，只需要定义好 Stage 阶段和对应的命令即可。当然，在使用它之前，我们首先需要了解 Yarn 和 npm 的基本使用方法。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/5f067fff403f2923b035bf39