时间戳

首页 > 解决方案 > node 或 npm：如何查看已安装包的源代码

node.js - node 或 npm：如何查看已安装包的源代码

问题描述

就像在python中一样，我使用

pip install django

在虚拟环境中，

然后它将所有文件放在site-packages文件夹中。然后我可以使用导入包

from django.core import mail

但我可以轻松浏览 django/core 的代码site-packages

同样，如果我使用 npm 安装一个包，我可以看到它的来源

例如：

import React, { useEffect } from "react";

现在我想查看react文件并通过 React 和 useEffect

可能吗

标签： node.jsreactjsnpm

解决方案

我没有 Python 的背景。因此，无法以 Python 方式解释或比较。但是，是的！在大多数情况下，您可以阅读或浏览源代码。

现在，谈谈您提到的具体示例 - React。当我们谈论一个流行的图书馆时，事情并不复杂。您可能不会直接找到React.js或react.js归档。但是，这并不意味着您可以阅读源代码。我们开始做吧。

  1. 创建一个具有react作为依赖项的应用程序（您可以使用创建应用程序create-react-app）。
  2. 在此应用程序中，您将拥有node_modules文件夹。在此中node_modules，您将在依赖项名称之后拥有文件夹，例如react。进入这个文件夹。
  3. 你会找到package.json文件。打开它并寻找main. 这main是程序/包的入口点。它提到了index.js. 所以，让我们打开index.js文件。
  4. 如果你打开index.js，你会看到基于环境，他们需要react.production.min.jsorreact.development.js文件。react.development.js从文件夹中打开此文件cjs。
  5. 在此文件中，搜索useEffect. 你会发现一个同名的函数。

但是，如果您计划使用 React，我不建议您以这种方式阅读代码。你可以试试这个解决方案。另外，如果您打算以阅读源代码为起点，为什么不从简单易读的包开始呢？并且不要忘记，如果不是全部，那么大多数包都在 GitHub 和 NPM 网站上，您会看到存储库的链接。

推荐阅读