npm script 变量的强力用处：让你一劳永逸！

在 JavaScript 的世界里，变量可是重量级角色，它们能帮我们存储和管理数据，在整个代码运行期间随需使用。而在 npm script 中，变量更是妙用无穷，能帮我们实现更灵活、更优雅的脚本编写。

变量的威力

使用变量的好处不言而喻，首先它能极大提升代码的可重用性。试想一下，如果你有一个经常用到的脚本片段，把它封装成一个变量，然后在不同的项目中调用，是不是瞬间省去了大量重复劳动？

其次，变量还有助于提高代码的可读性和可维护性。当我们使用变量时，可以给变量起一个有意义的名字，这样一来，代码的逻辑就一目了然，维护起来也更加轻松。

预定义变量

在 npm script 中，有一些预定义变量可供我们直接使用。这些变量提供了有关当前脚本执行环境的重要信息，比如：

• npm_package_name：当前包的名称
• npm_package_version：当前包的版本号
• npm_lifecycle_event：当前正在执行的生命周期事件（比如 preinstall 或 postinstall）
• npm_config_argv：包含所有命令行参数的对象
• npm_config_userconfig：指向用户配置文件的路径

自定义变量

除了预定义变量，我们还可以定义自己的自定义变量。自定义变量可以存储我们想要在脚本中使用的任何值，比如：

MY_VARIABLE=some-value

自定义变量可以在脚本的任何地方使用，只要在前面加上美元符号 ($) 即可。例如：

echo ${MY_VARIABLE}

变量的封装

为了让变量更易于管理和重用，我们可以使用 npm script 的封装功能。封装变量的方法很简单，只要用 export 导出变量即可。例如：

export MY_VARIABLE=some-value

一旦导出，变量就可以在当前脚本及其所有子脚本中使用。

示例

让我们看一个使用变量的实际示例。假设我们有一个 build 脚本，用于编译我们的代码。我们可以使用 npm_package_name 变量来获取包的名称，并将其作为输出文件名。

# 获取包的名称
PACKAGE_NAME=${npm_package_name}

# 编译代码
tsc

# 生成输出文件
mv build/${PACKAGE_NAME}.js dist/${PACKAGE_NAME}.min.js

在这个脚本中，我们使用了 npm_package_name 变量来动态生成输出文件名。这样一来，无论我们以后修改包的名称，脚本都可以自动更新输出文件名，无需任何手动修改。

总结

npm script 中的变量是一种强大的工具，可以帮助我们编写更灵活、更可重用、更易于维护的脚本。通过使用预定义变量和自定义变量，我们可以大幅提升脚本的效率和可用性。掌握变量的使用技巧，让我们在 npm script 的世界里如虎添翼！