如何提高NPM拉取第三方依赖包的速度

刚才分享了NPM使用过程中如何发布NPM模块的方法,这个方法其实只要稍微看一下官方文档就可以知道了。接下来我们继续分享NPM使用过程中如何提升NPM安装速度的方法。

前言


如果你在使用NPM安装NPM包的时候你会经常发现,代码拉取速度慢的简直让人崩溃,有时候甚至怀疑自己的宽带是不是抽风了,然而自己唯一能做的就是不断的ctrl+c,npm install xxx,ctrl+c,npm install xxx….往事不堪回首啊。

其实解决方法很简单,就是使用淘宝镜像或者CNPM,而我个人比较推荐使用淘宝镜像来提高项目拉取速度。下面我们也会使用淘宝镜像来给大家介绍具体的使用方法。

使用方法


方法一:通过修改NPM配置文件更改源地址(强烈推荐)

打开Node安装目录然后进入NPM项目目录。我Node安装到了E盘,因此路径为:

E:\Program Files\nodejs\node_modules\npm

在NPM项目根目录中找到npmrc文件
npmrc

使用编辑器打开文件,清空文件内容并输入下面内容:

test

然后保存并退出,接下来我们如果再次安装NPM包的时候就会发现速度爽到爆啊。

方法二:通过 npm 命令指定下载源

例如我们安装webpack,则只需要输入下面代码:

npm install webpack -D --registry https://registry.npm.taobao.org
方法三:通过 config 配置指定下载源

我们同样以安装webpack为例:

npm config set registry https://registry.npm.taobao.org
npm install webpack -D

其实前面三种方法的原理都是一样的,都是通过更改下载源来提高下载速度。不过,第一种方法一劳永逸,而第二种方法每次都只是临时指定下载源,下次安装仍然需要重复输入,相对麻烦一些。

方法四:直接安装淘宝定制的CNPM模块

直接执行下面命令安装CNPM替代原来的NPM:

npm install cnpm  -g --registry https://registry.npm.taobao.org  

安装成功之后以后直接使用CNPM命令来拉去第三方依赖包,例如:

cnpm install webpack -g

这种方法和第一种一样可以一劳永逸,但是也意味着我们以后所有的指令都要写成cnpm+xxx,一定程度上改变了一些我们原有的使用习惯,所以我个人还是比较喜欢第一种。

方法五: 使用verbose命令

当然还有第五种方法会让你感觉下载速度稍微快一点,就是在安装的时候输入verbose指令

npm install webpack -D --verbose

verbose命令的作用其实就是显示当前项目安装进度。如果你可以看到项目实实在在的在慢慢下载项目文件,而不是感觉宽带直接挂掉的话,在某种程度上可以让你感觉稍微快点,然而也仅仅只是感觉而已,自己娱乐一下,开心就好。

今天就先到这里,明天继续。。。查看更多文章请点击进入我的个人博客

  • 3
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值