随着前端开发的不断发展，我们使用的第三方库越来越多，而这些第三方库的质量不可避免地也存在各种问题。其中最常见的问题之一就是无意中引入了副作用（Side Effects）。
当我们在项目中引入一个新的包时，它可能会修改全局变量、向 console 输出信息或者执行其他不受控制的操作，这些行为都会对项目产生难以预测的影响。因此，我们需要一种方法来检测第三方库中的副作用，以便及时发现并解决问题。
在本文中，我们要介绍的就是一种适用于检测副作用的工具 - check-side-effects。
什么是 check-side-effects？
check-side-effects 是一个可以检测 npm 包中副作用的工具。它会分析包的源代码，并查找其中所有副作用。一旦找到，它就会记录下来，并输出这些副作用的相关信息，以便进行排除。
它的使用非常简单，只需要运行一个命令，即可得到所有副作用的清单。我们可以使用它来检测第三方库中的副作用，并确保它们对我们的项目没有任何不良影响。
如何使用 check-side-effects？
首先，我们需要安装 check-side-effects：
npm install check-side-effects --save-dev
安装完成后，我们需要在项目的 package.json 文件中添加一个脚本，以便在项目中方便地使用它：
{
"scripts": {
"check-side-effects": "check-side-effects"
}
}接着，我们只需要运行以下命令：
npm run check-side-effects
这会分析项目中所有安装的 npm 包，并列出其中所有的副作用。例如：
✖ found 2 side effects in left-pad - console.log call - modify global value ✖ found 1 side effects in axios - modify global value
如上所示，我们可以看到在 left-pad 和 axios 两个包中分别找到了 2 和 1 个副作用。
示例代码
以下是使用 check-side-effects 进行检测的示例代码：
-- -------------------- ---- -------
----- ---------------- - -----------------------------
-- --------
----- --------- - ----------------
-- ------
--------------------------- - ---- ---- --
------------ -- -
---------------------------- -------- ---------
------------------ ---------------------------- ---- ---------
--
------------ -- -
--------------------------------- -------- ------
--总结
通过本文，我们了解了一种检测 npm 包中副作用的工具——check-side-effects，并学会了如何使用它。在日常开发中，使用这样的工具来检测第三方库中的副作用，能够有效地保证我们的项目质量和稳定性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/164257