库，package，js中的模块之间的区别

Question

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

Answer 1

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

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

库使用一个或多个模块来提供一组功能。

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

Answer 2

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

-Module：它只是一个 javascript 文件，但它与普通脚本不同的是它有自己的 scope 所以你必须使用 import 或 export 在模块之间交换信息。

-库：是一组模块或脚本，它负责你想要的function。

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

像 react package 它带有 react 库来处理功能，还有 babel 编译器让浏览器阅读和理解 react 库。

Answer 3

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

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

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