在前端本地调试 npm 包时，可以使用 npm link 命令将本地的 npm 包链接到你的项目中。这个过程可以让你在本地进行修改并测试 npm 包，而无需每次都发布它。下面是一些基本步骤：
1. 进入 npm 包目录
首先，进入你的 npm 包所在的目录。
2. 在 npm 包目录中运行 npm link
运行以下命令将 npm 包链接到全局 npm 包安装位置：
shell
npm link这将在全局 npm 包安装目录中创建一个符号链接，使得你的 npm 包可以被全局访问。
可以用 npm root -g 命令来确定全局 npm 包的位置。
3. 进入项目目录
接下来，进入你想要调试 npm 包的项目目录。
4. 在项目目录中运行 npm link your-package-name
假设 your-package-name 是你的 npm 包的名称，运行以下命令：
shell
npm link your-package-name这将在项目的 node_modules 目录中创建一个符号链接，链接到你本地的 npm 包。
5. 运行项目
现在你可以像往常一样运行你的项目，它会使用你本地的 npm 包而不是从远程 npm 仓库安装的版本。对 npm 包的修改将即时反映在项目中。
6. 取消链接
在调试完成后，你可以运行以下命令取消链接：
shell
npm unlink your-package-name这将删除项目中的符号链接。
注意事项：
- 确保在调试完成后取消链接，以避免影响其他项目。
- 运行
npm install将会覆盖符号链接，所以在运行该命令之前需要取消链接。
当你使用 npm link 将本地 npm 包链接到项目中时，package-lock.json 文件通常不会包含链接的本地包。package-lock.json 文件主要用于锁定项目依赖的确切版本，以便在重新安装依赖时确保相同的版本被安装。
npm link 命令只是创建了一个符号链接，使得你的项目能够直接引用本地的 npm 包而不是从远程 npm 仓库安装。因此，在 package-lock.json 中不会记录链接的本地包，而是会继续记录实际从远程仓库安装的依赖包的确切版本信息。
但是，如果你在项目中使用了相对路径引用本地包（例如使用 file:// URL），这种情况下 package-lock.json 可能会包含本地包的路径信息。这种情况下，你可能需要手动编辑 package-lock.json，以确保其他团队成员或部署环境能够正确安装项目的依赖。