Angular中本地与全局依赖的区别及npm包安装方式咨询

一、核心区别 #

本地依赖和全局依赖的差异主要集中在存储、范围和使用场景上：

• 存储位置：本地依赖会安装在当前项目根目录的node_modules文件夹内；全局依赖则存放在系统级的npm专属目录（Windows为%AppData%\npm\node_modules，Mac/Linux为/usr/local/lib/node_modules）。
• 作用范围：本地依赖仅对当前项目生效，每个项目可独立管理自身依赖版本；全局依赖全系统可用，所有项目都能调用（多用于@angular/cli这类需要在任意目录执行命令的工具）。
• 依赖记录：本地安装会自动将包信息写入项目的package.json（默认归到dependencies，加--save-dev则存入devDependencies）；全局安装不会出现在项目依赖文件中，无法与项目代码绑定同步。
• 版本隔离：不同项目的本地依赖可以是不同版本，互不干扰；全局依赖版本统一，多项目依赖不同版本时易出现冲突。

二、npm i bootstrap的下载逻辑 #

在项目文件夹运行npm i bootstrap时：

1. npm会从npm官方注册表拉取对应版本的bootstrap包（若配置了国内镜像，比如淘宝源，则从镜像地址下载）。
2. 下载完成后，包会存入当前项目的node_modules/bootstrap目录，同时自动将bootstrap的版本信息添加到项目package.json的dependencies字段，方便后续协作或重新安装依赖。
3. 在Angular项目中，本地安装后可通过angular.json的styles数组配置全局引入样式，或在组件样式文件里用@import 'bootstrap/dist/css/bootstrap.min.css'按需引入。

三、全局安装bootstrap的操作 #

若要全局安装bootstrap，直接在命令行执行：

npm install bootstrap -g

或缩写命令：

npm i bootstrap -g

需注意：全局安装的bootstrap几乎不会在Angular项目中直接使用，Angular项目依赖本地安装的包来保证版本一致性和可移植性，全局包无法通过import直接在项目代码中引用，强行使用易引发版本兼容问题。全局安装仅适合命令行工具类包，比如@angular/cli。

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