随着前端开发的不断发展，npm 包已经成为了前端开发过程不可或缺的一部分。而在使用 npm 包时，我们经常遇到一些问题，比如说无法确定哪些模块发生了改变，我们需要一种工具来帮助我们解决这些问题。而这时候，npm 包 catch-uncommitted 就成了我们的救星。
什么是 catch-uncommitted
catch-uncommitted 是一个能够帮助检测未提交代码的 npm 包。这个包可以让你在实际执行 git add 命令之前优化代码，并检测出当前项目中未提交的更改代码。它也提供了一些配置选项，可以满足大多数项目的需求。
如何安装 catch-uncommitted
在使用 catch-uncommitted 前，你需要通过 npm 安装依赖。
npm install catch-uncommitted --save-dev
安装完毕后，在 package.json 中的 scripts 属性加入以下脚本：
"scripts": {
"precommit": "catch-uncommitted"
}这里的 precommit 属性是指在项目的 git 提交前执行该脚本。在这个脚本的执行过程中，catch-uncommitted 会检测当前项目是否有未提交的代码。
如何配置 catch-uncommitted
catch-uncommitted 提供了一些配置选项，可以满足大多数项目的需求。你可以在 package.json 中的 catch-uncommitted 属性里配置它们，如下所示：
-- -------------------- ---- -------
-------------------- -
------------------ -
-------- -
----------
--
---------------- -
--------- -
----------
--
----------------- -
--------------
------------
------------
--------
-
-其中，
allowedWarnings：允许发生的警告清单。如果文件属于这个清单中的文件，则 catch-uncommitted 将不会发出警告。allowedErrors：允许发生的错误清单。如果文件属于这个清单中的文件，则 catch-uncommitted 将不会发出错误提示。ignorePatterns：文件名的一个 glob 映射列表，其中的文件将被排除在控制之外，即 catch-uncommitted 将不会进行扫描。
使用 catch-uncommitted 的示例代码
在实际代码中，使用 catch-uncommitted 只需要在 git 提交前执行 precommit 脚本即可。
-- -------------------- ---- -------
-- ------------
-
-- ---------
---------- -
------------ ------------------ -- ------ - ----- -- --- --- ------
------- ---------- ------------- ---- -------- -------------- ------------
------- ---------- ------------- ---- -------- ---------------
--
-------------------- -
------------------ -
---------
----------
--
---------------- -
----------
----------
--
----------------- -
------------
-
--
-在上面的代码中，我们首先在 precommit 脚本中添加 catch-uncommitted 命令，并且执行了 eslint 和 jest 的单元测试命令。
结论
通过使用 catch-uncommitted 包，我们可以很容易地找出代码中发生的未提交更改，并保证提交的代码质量。同时如果有兴趣的读者也可以了解其他类似的 npm 包，以便在工作和学习中有更好的体验。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f39d69fdbf7be33b2566fdd