在前端开发中，我们经常会使用各种 npm 包来帮助我们实现代码的功能和复用。而在使用这些 npm 包的过程中，我们可能会遇到一些依赖项的问题。例如，我们需要在开发 npm 包时引用一些用于测试和打包的工具，但这些工具在产品环境中并不需要使用。这里就可以使用 dev-deps（开发依赖项）来解决这个问题。
什么是 dev-deps？
dev-deps 是指在开发过程中所需的依赖项，通常是开发人员用来运行测试，调试和构建代码的包。这些包通常都不是应用程序或终端用户所必需的，它们只是为了开发工作方便而被安装的。
通常情况下，我们会在 package.json 文件中添加 dependencies 和 devDependencies 属性来指定 npm 包的依赖，其中 dependencies 属性定义的是应用程序或库的依赖项，而 devDependencies 属性则定义开发人员所需的依赖项。
-- -------------------- ---- -------
-
--------------- -
---------- ---------
--
------------------ -
-------- ---------
------- --------
-
-如上例所示，我们在 devDependencies 中指定了 mocha 和 chai 两个用于测试的 npm 包。
如何使用 dev-deps？
在使用 dev-deps 时，我们需要了解它们的作用范围。通常情况下，执行 npm install 时只会安装 dependencies 中的依赖，而 devDependencies 中的依赖将被忽略。但是，当我们使用 npm run script 时，devDependencies 中的依赖项会被自动添加到 PATH 中并且可供使用。
例如，我们在 package.json 中设置一个脚本：
{
"scripts": {
"test": "mocha tests"
}
}在执行 npm run test 命令时，mocha 就会从 devDependencies 中被加载并运行测试。
示例代码
让我们根据上述内容编写一段示例代码。
我们将使用一个叫做 `dotenv` 的 npm 包来演示例子。这个包可以让我们从 .env 文件中读取配置信息。我们只需要在 devDependencies 中安装它，然后创建一个 .env 文件并设置数据库连接地址。
{
"devDependencies": {
"dotenv": "^8.2.0"
}
}在我们的代码中，我们将使用 dotenv 包来获取连接地址。
-- -------------------- ---- ------- ----- ------- - ------------------- ----- --- - ---------- ----- ---- - ----- --------------------------- ------------ ----- ---- -- - ------------------ ---------- -------- ------------------------------- --- ---------------- -- -- - -------------------- --- --------- -- --------------------------- ---
接着，在项目的根目录下创建一个 .env 文件，设置数据库连接地址。
DB_CONNECTION=mongodb://localhost:27017/myapp
最后，运行应用程序并在浏览器中访问 http://localhost:3000，你将看到数据库连接地址的信息被显示出来。
总结
使用 dev-deps 可以避免在生产环境中加载不必要的 npm 包，同时也可以为开发过程提供很大的帮助。使用它们时需要注意它们的作用范围，并根据项目需要选择适当的 npm 包。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/62169