时间戳

首页 > 解决方案 > 尝试理解 npm 进行前端开发

javascript - 尝试理解 npm 进行前端开发

问题描述

我正在自学 Javascript/Node 开发。我了解 npm 如何为在服务器上运行的 Node 应用程序安装软件包。我无法理解的是 npm 如何帮助我处理前端，例如，如果我 npm install 传单，我将它安装在服务器端，在 Node 应用程序中，对吧？那这对我的前端有什么帮助呢？

标签： javascriptnode.jsnpm

解决方案

我无法理解的是 npm 如何帮助我处理前端，

许多通过 npm 可用的模块将在客户端工作。

使用像 npm 这样的包管理器可以让您跟踪正在使用的模块（它们被记录在package.json、获取安全更新 ( npm audit) 并升级它们 ( npm install foo@latest)。

诸如 Webpack、Parcel、Browserify 或 Rollup 之类的打包程序会将您的 JS（使用 ES6 或 CommonJS 模块）并遵循依赖项（即您import或require) 适合在浏览器中运行。

通常，您将构建一个工具链，它不仅捆绑 JS 模块，还运行 linting，将 SASS 转换为 CSS，生成不同版本的图像文件（用于srcset）等等。

例如，如果我 npm install 传单，我将它安装在服务器端，在 Node 应用程序中，对吗？那这对我的前端有什么帮助呢？

请注意，这发生在开发期间（通常使用热重新加载）和构建时（通常在 CI 系统中），而不是按需（因此它不会在服务器端运行）。

推荐阅读