不在文档中时如何找出模块导入说明？

Question

通常在库的文档中，文档中会提供有关如何在通过 npm 安装模块后导入模块的信息。例如：

import React from "react"

如果没有给出，怎么可能知道应该导入什么来使用库？

Answer 1

对于几乎所有的库/包，包名就是您需要导入的那个。

例如，您运行 npm install react 将 react 安装到您的项目文件夹中。

注意你在执行命令时是如何写 react 的。这告诉我们您安装了一个名为 react.

的包

现在要导入它，您只需写：

import the_name_you_want_to_declare from 'the_package_name';

现在只有当包有 default 个导出时才使用此语法。

对于没有 default 出口的包，你应该写：

import {the_named_export} from 'the_package_name';

注意要在该文件中使用的声明名称周围的花括号。

Answer 2

使用现代框架（如 react、vue、angular 设置的项目带有内置构建工具，如 webpack。它负责项目的依赖树，只加载必要的模块。

例如：从 lodash 导入 { flatten }:

以上声明仅在您的包中包含 flatten 方法，而不是整个 lodash。

关于您要导入什么的问题取决于已经安装了什么以及您究竟想使用什么。

希望澄清。

Answer 3

对于 default 导入（如您展示的那个），您可以选择任何您喜欢的名称。

对于 named 导出，您将不得不深入研究源代码以查看存在哪些命名导出。如果一个包甚至不提供相关文档，我不会考虑使用它。

How to find out module import instructions when not in the docs?