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

以上。

相关推荐
codeGoogle3 小时前
自研 IM 还是选择第三方 SDK?企业开发者应该如何权衡?
前端·后端·程序员
用户938515635075 小时前
React Context 与自定义 Hook 从底层到实践:「跨层级通信 + 副作用封装」全解析
前端·javascript·react.js
滴滴答答哒5 小时前
VUE3+element-plus MultiSelect 多选下拉组件
前端·javascript·vue.js
其美杰布-富贵-李5 小时前
04 watch 与 Vue 响应式数据流
前端·javascript·vue.js
赵大仁7 小时前
生成式 UI 实战:用 JSON Schema + React 动态渲染 AI 界面
前端·ai·react·next.js·前端架构·生成式ui
kyriewen8 小时前
我排查了一个React内存泄漏——罪魁祸首是这3个被忽略的清理函数
前端·javascript·面试
IT_陈寒8 小时前
我又被JavaScript的隐式类型转换坑了
前端·人工智能·后端
其美杰布-富贵-李8 小时前
03 ref、reactive 与 computed 响应式数据
前端·javascript·vue.js
OpenTiny社区8 小时前
GenUI SDK v1.3.0 发布|多框架兼容,一键换物料,渲染器 & 演练场全面增强!
前端·ai编程
用户938515635078 小时前
useRef + Web Worker 实战:React 如何优雅地拥抱多线程
前端·javascript·react.js