在前端开发中，我们通常需要使用npm脚本来执行各种任务，例如构建、测试、部署等。但是，有时候我们想要通过命令行参数传递一些配置信息给脚本，以便在运行时根据这些信息做出不同的处理。
使用process.argv获取命令行参数
在Node.js环境中，可以使用process.argv全局对象获取命令行参数。process.argv是一个字符串数组，其中第一个元素是Node.js的可执行文件路径，第二个元素是JavaScript文件路径，后续元素则是命令行参数。
例如，以下命令行指令将启动build脚本并将--watch和--debug作为参数传递：
--- --- ----- -- ------- -------
在build脚本中，可以通过如下代码获取这些参数：
----- ---- - ---------------------- ----- --------- - ------------------------- ----- --------- - -------------------------
上述代码中，slice(2)方法是为了去掉前两个元素（即可执行文件路径和JavaScript文件路径）。
将命令行参数传递给脚本
通过process.argv获取到命令行参数后，我们就可以将它们传递给脚本中使用了。最简单的方式是将它们作为环境变量传递给脚本。例如，在build脚本中，可以这样定义：
-
---------- -
-------- -------------------- ------- -------- ------------------
-
-然后，通过以下命令行指令启动build脚本并将--watch和--debug作为参数传递：
--- --- ----- -- ------- -------
在脚本中，可以通过process.env对象获取这些环境变量：
----- --------- - ---------------------------- --- ------- ----- --------- - ---------------------------- --- -------
指导意义
使用命令行参数可以使我们的npm脚本更加灵活和可配置化。例如，我们可以通过命令行参数来控制webpack的mode、entry和output等选项，从而实现不同的构建目标。另外，命令行参数还可以用于控制测试覆盖率、输出日志级别等方面。
总之，掌握如何使用命令行参数可以让我们更好地利用npm脚本，提高开发效率和代码质量。
示例代码
最后，附上一个示例代码，演示如何通过命令行参数控制webpack的构建选项：
-- -----------------
----- ---- - ----------------
-------------- - ----- ----- -- -
----- ------ - --------- --- -------------
----- ----- - ---------- -- ---------------
----- --------- - -------------- -- -------
------ -
----- ------ - ------------ - --------------
------
------- -
----- ----------------------- -----------
--------- -----------
-
--
--在package.json中的scripts中添加如下代码：
-
---------- -
-------- -------- -------- ------------------
-
-然后，通过以下命令行指令启动build脚本并将--entry和--output-dir作为参数传递：
--- --- ----- -- ------- ---------- ------------ ---------
上述命令将使用src/app.js作为入口文件，将构建结果输出到dist/prod目录下。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/8503