介绍
npm 是目前最流行的 JavaScript 包管理器。如果你在日常的前端开发中常常使用 npm，那么 completion-tracker 包就可以帮助你更好地管理你的项目。
completion-tracker 能够追踪你的项目中每个包的运行情况，包括启动时间、运行时间、错误等等。借助 completion-tracker，你可以更加深入地了解你的项目，掌握每个包的性能趋势，识别问题并定位解决方案。
安装
你可以通过 npm 指令安装 completion-tracker：
npm i completion-tracker
安装完成后，你需要在你的项目中引用 completion-tracker，并传入你想要追踪包的数组：
const completionTracker = require('completion-tracker')
const packagesToTrack = ['react', 'express']
completionTracker(packagesToTrack)这个方法返回一个对象，里面包含了 completion-tracker 的 API。
API
completion-tracker 主要包含了两个 API：track 和 report。
track(packageName)
调用该方法将启动包追踪。你需要传入你想要追踪的包的名称。
const completionTracker = require('completion-tracker')
const packagesToTrack = ['react', 'express']
completionTracker(packagesToTrack)
completionTracker.track('react')report()
调用该方法将输出包的运行情况：
-- -------------------- ---- ------- ----- ----------------- - ----------------------------- ----- --------------- - --------- ---------- ---------------------------------- -------------------------------- ---------------------------------------
输出结果如下：
{
"react": {
"startTime": 1636601979956,
"endTime": 1636601992193,
"timeTaken": 12237,
"errors": []
}
}以上代码展示了如何追踪包的启动和结束时间，并计算出包的运行时间。如果包出现错误，错误将会被捕获并记录下来。
示例代码
以下代码展示了如何使用 completion-tracker 追踪一个基本的 Express 应用程序：
-- -------------------- ---- -------
----- ----------------- - -----------------------------
----- ------- - ------------------
----- --------------- - -----------
----------------------------------
----- --- - ---------
------------ ----- ---- -- -
------ ----------
-------- ------- -------
--
--
----------------
----------------------------------
---------------------------------------当你运行这个应用程序时，completion-tracker 将会自动追踪 express 包的启动和结束时间，并输出以下结果：
{
"express": {
"startTime": 1636602705878,
"endTime": 1636602706100,
"timeTaken": 222,
"errors": []
}
}结论
completion-tracker 是一个非常实用的 npm 包，它提供了一个简单的接口，帮助你轻松地追踪项目中每个包的运行情况。通过记录每个包的启动和结束时间以及运行情况，你可以更深入地了解你的项目，并找出可能存在的问题。如果你的前端项目中使用了很多 npm 包，completion-tracker 是一款值得一试的工具。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055feb81e8991b448dda47