面试题：Node.js中NPM全局与本地安装的区别及应用场景

Question

请详细阐述Node.js中NPM全局安装和本地安装的区别，并举例说明在前端开发中，哪些类型的包适合全局安装，哪些适合本地安装。

Answer 1

全局安装和本地安装的区别

1. 安装位置：
   • 全局安装：NPM全局安装的包会被放置在系统级别的Node.js安装目录下的node_modules文件夹中。在不同操作系统下位置有所不同，例如在Linux或macOS中，通常在/usr/local/lib/node_modules，在Windows中，一般在%AppData%\npm\node_modules 。
   • 本地安装：本地安装的包会被放置在当前项目目录下的node_modules文件夹中。每个项目都有自己独立的node_modules，便于项目依赖管理和版本控制。
2. 使用范围：
   • 全局安装：全局安装的包可以在系统的任何地方通过命令行直接使用。例如，一些工具包如Gulp、Grunt、Babel - CLI等安装为全局后，可以在任何项目的命令行中直接调用其命令。
   • 本地安装：本地安装的包只能在当前项目中使用。通过在项目中引入相关模块（如const package = require('package - name')）来使用，其他项目无法直接访问这些包。
3. 项目依赖管理：
   • 全局安装：由于是系统级别的安装，不会记录在具体项目的package.json文件中。这意味着不同项目可能需要不同版本的同一包时，全局安装难以满足这种需求，容易产生版本冲突。
   • 本地安装：本地安装的包会自动记录在项目的package.json文件的dependencies（生产依赖）或devDependencies（开发依赖）字段中。这样可以方便地通过npm install命令重新安装项目所需的所有依赖包，并且可以明确项目依赖的具体版本，便于团队协作和项目迁移。

前端开发中适合安装的类型举例

1. 适合全局安装的包：
   • 构建工具：例如Gulp和Grunt。它们是用于自动化构建任务（如压缩CSS、JavaScript，编译LESS、SASS等）的工具。全局安装后，可以在任何项目目录下通过命令行调用它们来执行构建任务，而无需在每个项目中重复安装。例如，全局安装Gulp后，在项目目录下可以直接运行gulp命令来执行定义好的构建任务。
   • 命令行工具：像Babel - CLI，它用于将ES6+代码转译为ES5代码，以兼容旧版浏览器。全局安装后，在任何项目目录下都可以使用babel命令来进行代码转换。
2. 适合本地安装的包：
   • 项目业务依赖：例如React、Vue等前端框架。每个项目对框架的版本需求可能不同，并且这些框架是项目业务逻辑的核心部分，与项目紧密相关。将它们本地安装可以确保项目依赖的版本一致性，并且方便管理。比如一个React项目，通过npm install react react - dom将React及其相关DOM操作库本地安装到项目中，在项目代码中通过import React from'react';来引入使用。
   • 样式相关库：如bootstrap、sass - loader等。不同项目对样式库的版本和使用方式可能不同，本地安装可以更好地满足项目个性化需求。例如在一个使用Sass的项目中，通过npm install sass - loader node - sass本地安装相关依赖，以支持Sass样式的编译。