摘要：大家好，很高兴又见面了，我是"高级前端进阶"，由我带着大家一起关注前端前沿、深入前端底层技术，大家一起进步，也欢迎大家关注、点赞、收藏、转发，您的支持是我不断创作的动力。
大家好，很高兴又见面了，我是"高级前端进阶"，由我带着大家一起关注前端前沿、深入前端底层技术，大家一起进步，也欢迎大家关注、点赞、收藏、转发，您的支持是我不断创作的动力。
node-modules-inspector 工具可用于可视化 node_modules、项目依赖项检查等等。
开发者可以通过在 pnpm/npm 项目下运行以下命令来快速尝鲜：
pnpx node-modules-inspectornpx node-modules-inspector值得一提的是，目前该工具仅支持 pnpm 和 npm 项目，其他类型项目则强依赖于社区。
下面是 pnpx 和 npx 的不同：
NPX(Node Package eXecute) ：是一个 NPM 包运行器，允许开发人员执行 NPM 注册表上可用的任何 Javascript 包，甚至无需安装，NPX 随 NPM 版本 5.2 自动安装pnpx(pnpm dlx)：用于从注册表中获取包而不将其安装为依赖项同时支持热加载，并运行其公开的任何默认命令二进制文件。对于 node-modules-inspector 来说，开发者还可以尝试 https://node-modules.dev/ 上的在线版本，由 WebContainer 提供支持。后者允许在浏览器中创建和运行完整的、类似于操作系统的环境，使开发者能够在浏览器中开发、构建和测试应用程序，从而避免在本机上安装额外的软件或依赖项。
目前 node-modules-inspector 在 Github 通过 MIT 协议开源，有超过 1.3k 的 star，是一个值得尝试的前端开源项目。
开发者可以在项目根目录中创建一个 node-modules-inspector.config.ts 文件来配置检查器的默认行为。
import {defineConfig} from 'node-modules-inspector'export default defineConfig({defaultFilters: {excludes: ['eslint',],},defaultSettings: {moduleTypeSimple: true,},// 实验性的 publint.dev 功能集成，默认为 falsepublint: true// 其他配置})开发者还可以构建当前 node_modules 状态的静态 SPA：
pnpx node-modules-inspector buildnpx node-modules-inspector build接着可以使用任何静态文件服务器托管 .node-modules-inspector 文件夹。
https://github.com/antfu/node-modules-inspector?tab=readme-ov-file
来源：高级前端进阶
