执行npm install 时,是如何将依赖包下载下来的。

今天,在使用node 执行install 时,突然就想到,这些依赖包是从哪下载的呢?配置的下载路径是在哪呢。突然想到后面可能将项目包放到node私有服务器上,到时候也通过npm 来进行依赖下载。后来查了下相关资料,发现npm 安装时会有个配置文件,这个配置文件中配置了下载地址,也可以通过命令动态配置。这个配置文件就是.npmrc。如果你要在项目中使用私有服务器地址,也可在项目跟路径下弄个配置文件,这样就会出现多个。下面来介绍一下 配置文件的作用。

.npmrc的作用

.npmrc,可以理解成npm running cnfiguration, 即npm运行时配置文件。我们知道,npm最大的作用就是帮助开发者安装需要的依赖包,但是要从哪里下载?下载哪一个版本的包,把包下载到电脑的哪个路径下?

这些都可以在.npmrc中进行配置。

在设置.npmrc之前,我们需要知道:在你的电脑上,不止存在一个.npmrc文件,而是有多个。在我们安装包的时候,npm按照如下顺序读取这些配置文件:

项目配置文件 :你可以在项目的根目录下创建一个.npmrc文件,只用于管理这个项目的npm安装。
用户配置文件 :在你使用一个账号登陆的电脑的时候,可以为当前用户创建一个.npmrc文件,之后用该用户登录电脑,就可以使用该配置文件。可以通过 npm config get userconfig 来获取该文件的位置。
全局配置文件 : 一台电脑可能有多个用户,在这些用户之上,你可以设置一个公共的.npmrc文件,供所有用户使用。该文件的路径为:P R E F I X / e t c / n p m r c ,使用 n p m c o n f i g g e t p r e f i x 获取 PREFIX/etc/npmrc,使用 npm config get prefix 获取PREFIX/etc/npmrc,使用npmconfiggetprefix获取PREFIX。如果你不曾配置过全局文件,该文件不存在。
npm内嵌配置文件:最后还有npm内置配置文件,基本上用不到,不用过度关注。

如何设置.npmrc

1. 设置项目配置文件

在项目的根目录下新建 .npmrc 文件,在里面以 key=value 的格式进行配置。比如要把npm的源配置为淘宝源,可以参考一下代码:

bash复制代码registry=https://registry.npm.taobao.org

如果你想删除一些配置,可以直接把对应的代码行给删除。

2. 设置用户配置文件

你可以直接通过 npm config get userconfig 命令找到该文件的路径,然后直接仿照上述方法该文件,也可以通过 npm config set 命令继续设置,命令如下:

bash复制代码config set registry https://registry.npm.taobao.org

最终,命令行会帮助我们修改对应的配置文件。只不过使用命令行更加快捷。

如果想要删除一些配置,可以直接编辑.npmrc文件,也可以使用命令进行删除,比如:

bash复制代码npm config delete registry

3. 设置全局配置文件

方法和设置用户配置文件如出一辙,只不过在使用命令行时需要加上 -g 参数。

bash复制代码npm config set registry https://registry.npm.taobao.org -g

除此之外,这里列出一些常用的npm设置命令,有兴趣的话,可以了解一下,挺好玩的:

bash复制代码npm config set [-g|--global] //给配置参数key设置值为value;

npm config get //获取配置参数key的值;

npm config delete //删除置参数key及其值;

npm config list [-l] //显示npm的所有配置参数的信息;

npm config edit //编辑配置文件

npm get //获取配置参数key的值;

npm set [-g|--global] //给配置参数key设置值为value;

相关推荐
卸任1 分钟前
性能优化大作战:React.memo 在可编辑列表中的奇效
前端·javascript·react.js
WildBlue10 分钟前
阮一峰闭包:JavaScript最优雅的"背包"魔法!✨
前端·javascript
LaoZhangAI13 分钟前
OpenAI API 账号分层完全指南:2025年最新Tier系统、速率限制与升级攻略
前端·后端
LeeAt13 分钟前
React Hooks 编程:useState和useEffect的详解
前端·react.js
Dream耀13 分钟前
React Hooks 指南:useState 与 useEffect 的用法与技巧
前端·javascript·react.js
zhanshuo15 分钟前
i18next + 原生JS 双引擎:打造前端多语言系统最佳实践
前端·javascript·css
小飞悟17 分钟前
React Hooks 编程:深入理解 useEffect 的执行机制与清理副作用
前端·javascript
庖丁解牛19 分钟前
3. Babylonjs 中获取相机方向相关
前端·webgl·游戏开发
红衣信19 分钟前
前端与后端存储全解析:从 Cookie 到缓存策略
前端·后端·面试
3Katrina20 分钟前
一文带你了解React useEffect:核心概念与实践总结
前端