解决Vue项目—node_modules文件夹越用越大的原因及其解决方式（模块瘦身完整版）

—2024年5月16日更新—

一、 前言

自己在做公司项目的时候，发现node.modules文件夹占用很多内存，去网上搜索了一些解决办法，结合自己的实践，把这个方法再次更新整合一下。

二、 node_modules文件夹越用越大的原因

1. 项目每次运行，都会在node_modules文件夹下的 .cache文件夹生成缓存文件（小的10几M，大的也会有几十M以上）
2. node_modules文件夹多与少取决于package.json安装了多少依赖
3. 如果项目较大、经手人数较多，安装了很多的依赖，就会导致node_modules文件夹越来越大
4. 你可以尝试卸载一些用不到的依赖，这样也能一定程度减少node_modules文件夹的占用大小

三、解决方案

1. 用VScode打开需要处理的项目，打开控制台（快捷键Ctrl + ~）
2. 在控制台按步骤执行以下命令
3. 安全起见：建议操作前先备份一下~

// 1. 设置下载镜像为国内淘宝镜像，防止下载工具缓慢（已设置可以跳过）
npm config set registry https://registry.npm.taobao.org  
// 2. 全局安装rimraf工具，初次使用只需安装一次即可（已安装可以跳过）
npm install rimraf -g
// 3. 使用rimraf工具删除node_modules文件夹（删除需等待片刻）
rimraf node_modules
// 4. 强制清除所有缓存（如果报错可尝试另一个指令npm cache vertify）
npm cache clean --force
// 5.重新安装node_modules文件夹
npm install
----------
// ps. 到这里整理缓存就结束了。你可以重新启动项目，检查是否能正常使用
npm run serve
// ps. 不同的项目启动方式可能有所不同，具体启动方式请到package.json的scripts中查看

已经拿到手的Vue项目该如何启动？

四、最终效果

1. 拿我自己的项目举例，执行之前node_modules文件夹占用空间317M，执行命令后占用空间193M
2. 理论上文件夹占用越大，瘦身效果应该越明显~