npm,yarn,pnpm 清理缓存

目录

1,为什么要清理缓存

1,缓存文件太多,影响系统运行

随着前端项目的增多,会下载许多的依赖。不管是哪种包管理器,都会使用缓存来增加下次下载的速度。但会有些问题:

  1. 项目更新依赖时,旧版本依赖的缓存依然会存在,即便之后用不到了。
  2. 开启新项目时,对比其他项目又会下载一些依赖的新版本,旧版本依赖的缓存依然会存在。

而现在的网络速度都比较快,太多的缓存只会占用空间。

2,不同源会有区别

设置 registry 可以通过 npm set registry http://xxx 来统一设置下载依赖的源地址,但不同的地址会有区别------指下载依赖后的 lock 文件中,会标记这个依赖的的源地址。而有的代码扫描会对依赖的源地址有要求

所以我们会在项目的 .npmrc 中指定 registry,或对某个具体的依赖特殊设置:

text 复制代码
axios=http://mirrors.tools.xxx.com/axios/
registry=https://registry.npmmirror.com

即便这样可能还是不会生效,原因就是有缓存,所以得清理掉缓存才可以。

2,命令

可以直接查看缓存路径手动删除,或者使用命令清理全部缓存。

2.1,npm

查看缓存路径

bash 复制代码
npm config get cache

清理缓存

bash 复制代码
npm cache clean -f

2.2,yarn

查看缓存路径

bash 复制代码
yarn cache dir

清理缓存

bash 复制代码
yarn cache clean

2.3,pnpm

查看缓存路径

bash 复制代码
pnpm store path

清理缓存

bash 复制代码
pnpm store prune

以上。

相关推荐
Anlici1 分钟前
如何优化十万数据的浏览体验?从性能、监控到布局全面拆解
前端·性能优化
utmhikari1 分钟前
【日常随笔】万字长文,如何用pyside6开发一个python桌面工具
前端·python·pyqt
JustHappy8 分钟前
「Versakit 0.3 重磅发布」 两个月开发成果全揭!
前端·javascript·vue.js
chenqi18 分钟前
WebGPU和WebLLM:在浏览器中解锁端侧大模型的未来
前端·人工智能
Lingxing19 分钟前
Vue组件树:从设计到实现的全方位指南 🚀
前端·vue.js
玖玖passion20 分钟前
leader:请你用Protobuf进行数据交互🥲
前端
Linruoxin23 分钟前
为什么给 body 设置背景会直接铺满整个视口?
前端·css
Jenlybein26 分钟前
Vue3 权限控制:利用动态路由与自定义指令
前端·vue.js
codelang2 小时前
Cline + MCP 开发实战
前端·后端
好_快3 小时前
Lodash源码阅读-memoizeCapped
前端·javascript·源码阅读