javascript - 为什么前端框架在 NPM 中？

Question

当我查看一些 github 项目和教程时，我会查看 package.json 文件，并看到很多前端框架被列为依赖项。我不明白。我以为 Node 是后端？我的理解是，要安装前端框架，您可以直接从他们的网站或 github 上下载它们，或者使用 CDN，然后将它们链接到您的页面中 - 所有这些都与 Node 无关。

即使我通过 Node 安装了框架，它不会将其保存到 node_modules 文件夹中吗？这肯定是有原因的，因为我看到很多项目都在其 package.json 文件中列出了它们。谁能给我解释一下吗？

Answer 1

NodeJS 不仅是一个“服务器”，因为它是一个可编程的 Web 服务器，它还是一个 JavaScript 运行时。您可以使用它来提供网页服务，但您也可以使用 NodeJS 服务器作为 JavaScript 的解析器/生成器(意思是:在系统上读取和写入文件)。如果您使用 React 和 Angular 等前端框架之一，则安装这些包只是为了获取其源代码，而不是在服务器上实际运行代码。然后，您使用 webpack 之类的 bundler 将您编写的代码和模块中的代码转换为一个(或多个)大块缩小的前端代码。您通常可以在 /dist 或 /build 文件夹中找到这些生成的文件。现在要将这些文件发送给客户端，您也可以使用 NodeJS 作为服务器，将文件提供给客户端。这样，服务器上“安装”的软件包最终会出现在您的客户端上。