发送命令行参数NPM脚本

在前端开发中，我们通常需要使用npm脚本来执行各种任务，例如构建、测试、部署等。但是，有时候我们想要通过命令行参数传递一些配置信息给脚本，以便在运行时根据这些信息做出不同的处理。

使用process.argv获取命令行参数

在Node.js环境中，可以使用process.argv全局对象获取命令行参数。process.argv是一个字符串数组，其中第一个元素是Node.js的可执行文件路径，第二个元素是JavaScript文件路径，后续元素则是命令行参数。

例如，以下命令行指令将启动build脚本并将--watch和--debug作为参数传递：

npm run build -- --watch --debug

在build脚本中，可以通过如下代码获取这些参数：

const args = process.argv.slice(2);
const watchMode = args.includes('--watch');
const debugMode = args.includes('--debug');

上述代码中，slice(2)方法是为了去掉前两个元素（即可执行文件路径和JavaScript文件路径）。

将命令行参数传递给脚本

通过process.argv获取到命令行参数后，我们就可以将它们传递给脚本中使用了。最简单的方式是将它们作为环境变量传递给脚本。例如，在build脚本中，可以这样定义：

{
  "scripts": {
    "build": "NODE_ENV=production webpack --config webpack.config.js"
  }
}

然后，通过以下命令行指令启动build脚本并将--watch和--debug作为参数传递：

npm run build -- --watch --debug

在脚本中，可以通过process.env对象获取这些环境变量：

const watchMode = process.env.npm_config_watch === 'true';
const debugMode = process.env.npm_config_debug === 'true';

指导意义

使用命令行参数可以使我们的npm脚本更加灵活和可配置化。例如，我们可以通过命令行参数来控制webpack的mode、entry和output等选项，从而实现不同的构建目标。另外，命令行参数还可以用于控制测试覆盖率、输出日志级别等方面。

总之，掌握如何使用命令行参数可以让我们更好地利用npm脚本，提高开发效率和代码质量。

示例代码

最后，附上一个示例代码，演示如何通过命令行参数控制webpack的构建选项：

-- -------------------- ---- -------
-- -----------------
----- ---- - ----------------

-------------- - ----- ----- -- -
  ----- ------ - --------- --- -------------
  ----- ----- - ---------- -- ---------------
  ----- --------- - -------------- -- -------

  ------ -
    ----- ------ - ------------ - --------------
    ------
    ------- -
      ----- ----------------------- -----------
      --------- -----------
    -
  --
--

在package.json中的scripts中添加如下代码：

{
  "scripts": {
    "build": "webpack --config webpack.config.js"
  }
}

然后，通过以下命令行指令启动build脚本并将--entry和--output-dir作为参数传递：

npm run build -- --entry src/app.js --output-dir dist/prod

上述命令将使用src/app.js作为入口文件，将构建结果输出到dist/prod目录下。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/8503