定时清理Vue项目依赖包node_modules中的缓存文件.cache

2,862 阅读1分钟

1.node_modules过大

Vue前端项目的依赖包都存放在这个文件,会占用较多内存,如下图占用1.6G

image.png

2. node_modules/.cache缓存文件

node_modules中有一个.cache文件夹,里边是Vue项目之前运行、打包时产生的缓存文件,可定时进行清理

image.png

这里我找了一个老项目,可以看到.cache文件占用内存还是很大的1.1G

3. 依次清理.cache目录下四个文件里边的内容

image.png

  • Ctrl + a 全部选中

  • shift + delete 永久删除

  • ① 删除babel-loader缓存 image.png

  • ② 其中terser-webpack-plugin目录中需要清空两个子目录中的缓存文件

image.png

image.png

  • ③ 删除eslint缓存

image.png

  • ④ 删除vue-loader缓存

image.png

4. 清理完效果

image.png

image.png

image.png

  • .cache文件几乎不占用内存了,node_modules依赖包由1.6G减少到了450M,大大减少了电脑内存占用。
  • 项目也可以正常运行

5. 说明

一个Vue前端项目开发一段时间 .cache一般可以清理500M左右的缓存文件,内存提升还是很大的