js中库、包、模块的区别

Question

我已经开始学习反应，我对包的概念很困惑。以及为什么我们不能只使用简单的链接作为 cdn 并且有一个我不理解的模块以及什么是 npm 以及为什么我必须将它与 react 一起使用

Answer 1

所以我得出了结论，希望你告诉我我是否做对了。

-Module：它只是ba javascript文件，但它与普通脚本不同，它有自己的范围，因此您必须使用导入或导出来在模块之间交换信息。

-Library：它是一组模块或脚本，它负责你想要的功能。

-package：可以是一个或多个库，但它也包含不处理功能的文件，但它的唯一作用是确保库和功能文件正常工作。

像 react 包一样，它带有 react 库处理功能，并且还具有 babel 编译器，使浏览器可以读取和理解 react 库。

Answer 2

不是试图在这里给出明确的答案，而是试图尽可能简单地解释这三个术语：

模块只是一个包含 JavaScript 代码行的文件。

一个库使用一个或多个模块来提供一组特性。

包是一个可下载的版本库。想想有人把它放在一个盒子里然后寄给你，这样你就可以导入它并结合你自己的代码使用它。

Answer 3

很有可能使用简单的链接，例如CDN。许多包也有可用的链接，例如材料 UI。但是，随着项目的增长，使用 CDN 链接很快就会变得难以管理，并且会影响网站的性能和加载时间。

Npm 代表节点包管理器。它处理 Node 的打包，不适合使用简单的链接。

事实证明，通过将 npm 与捆绑器结合使用，也可以将 npm 用于 Web 应用程序。捆绑器（例如 webpack）获取所有模块（JavaScript 文件和 npm 包）并将它们捆绑在一起，以便您获得可以在浏览器中运行的单个脚本。