在Node.js环境中安装Leaflet等仅前端运行类库的作用是什么？

为什么npm仓库中存在前端类库，以及在项目中安装前端类库的原因 #

首先要纠正一个常见误区：npm本质是整个JavaScript生态的通用包管理器，并非只能用于管理Node.js服务端的依赖包，你执行npm install leaflet -S也不是“把Leaflet安装到Node.js运行环境中”，只是把对应版本的Leaflet代码下载到当前项目的node_modules目录，供前端开发工具链使用，不需要直接在Node.js服务端运行这个包。

大家这么做的核心原因主要有这几个：

• 满足前端工程化打包的需求
  现在绝大多数前端项目都会使用Vite、Webpack、Rollup等构建工具完成代码打包、压缩、兼容性处理等工作，这些构建工具本身运行在Node.js环境中，需要从node_modules目录读取你安装的依赖包代码，最终会把你用到的Leaflet代码和业务代码一起打包成符合浏览器执行要求的静态资源，再部署到服务器发送给用户浏览器运行。
• 获得更好的开发体验
  就像你已经发现的，把包安装到node_modules后，IDE可以读取包自带的类型定义或者配套的@types/leaflet类型包，给你提供准确的API提示、参数校验、文档预览，不需要你手动记忆所有API，大幅降低写错代码的概率。
• 更方便地管理依赖版本
  用npm管理前端依赖可以通过package.json统一记录项目依赖的所有包的版本范围，还有锁文件保证团队所有成员、不同环境安装的依赖版本完全一致，避免手动下载JS文件、用CDN链接可能出现的版本不统一、依赖冲突问题，升级、回退依赖版本都只需要执行一行命令即可。
• 适配服务端渲染/静态站点生成的场景
  如果你使用Next.js、Nuxt这类SSR/SSG框架，页面会先在Node.js环境完成预渲染再输出给浏览器，这个过程中依赖的前端类库也需要能在Node环境被加载到，才能完成预渲染逻辑，通过npm安装前端包是这类场景的标准方案。

内容的提问来源于stack exchange，提问作者raylight