介绍
env-install 是一个能够自动根据环境变量安装所需 npm 包的工具。通过它，我们可以将需要根据不同环境安装的 npm 包定义在 .env 文件中，然后在运行时使用该工具自动安装这些 npm 包。
env-install 的使用可以帮助我们更轻松地配置开发环境和生产环境，并且减少了出错的可能性。
安装
在使用 env-install 之前，我们需要先安装它：
npm install env-install
使用
首先，在项目根目录下创建 .env 文件，并在其中定义需要安装的 npm 包及其对应的版本。
例如：
REACT_APP_VERSION=16.13.1 REACT_APP_ROUTER_VERSION=5.2.0
这里我们定义了需要安装的两个 npm 包：react 和 react-router，它们的版本分别为 16.13.1 和 5.2.0。
修改 package.json 文件，在 scripts 节点下添加 prestart 和 prebuild 两个脚本：
"scripts": { "prestart": "env-install", "prebuild": "env-install" }这两个脚本将在运行 npm start 和 npm run build 命令之前，自动执行 env-install 命令安装所需的 npm 包。
运行 npm start 或 npm run build。
如果之前未安装过该项目所需的 npm 包，则 env-install 会自动根据 .env 文件中的定义安装相应的 npm 包。
示例代码
以下是一个基于 create-react-app 创建的项目的示例代码：
.env 文件内容：
REACT_APP_VERSION=16.13.1 REACT_APP_ROUTER_VERSION=5.2.0
package.json 文件内容：
-- -------------------- ---- -------
-
------- ---------
---------- --------
---------- -----
--------------- -
---------------- -------
--
---------- -
----------- --------------
-------- -------------- -------
----------- --------------
-------- -------------- -------
------- -------------- ------
-------- -------------- ------
-
-在运行 npm start 或 npm run build 命令之前，env-install 会先安装 react 和 react-router 两个 npm 包，并将它们的版本设置为 .env 文件中指定的版本。
总结
env-install 工具可以帮助我们更加方便地配置项目，减少了手动安装 npm 包的步骤，并且可以将 npm 包的版本信息集中管理，方便项目维护。学习并掌握 env-install 的使用，对于前端开发人员来说有着很大的指导意义。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066e25a563576b7b1ece73