node_modules下的.cache文件过大

1 .cache 是什么

node_modules下的.cache文件是Webpack等构建工具在编译过程中产生的缓存数据，主要用于提升构建效率。

例如，babel-loader、vue-loader等插件在处理代码时会将编译结果缓存到这些文件中，避免重复执行耗时的转换操作。

2 作用

• 加速构建/转译​​：避免重复处理未变更的文件。
• 减少磁盘 I/O​​：缓存中间结果，提升工具性能。
• 离线可用​​：部分工具在离线时仍能使用缓存结果（如 Babel）。

3 是否可删除？

可以删除，删除后不影响项目运行和构建，可能会影响后续构建速度。

4 如何删除？

4.1 手动删除

直接删除.cache文件夹，不过该方式可能删除不彻底。

4.2 使用rimraf包删除

// 1. 安装 rimraf 包
npm install rimraf -g --save-dev
// 2. 在 package.json 中添加命令
"scripts": {
  "clean": "rimraf node_modules/.cache"
}
// 3. 运行脚本命令，清除.cache文件
npm run clean
// 4. 可以在开发和构建的时候加入该命令，这样每次运行和打包的时候都会清楚缓存
"scripts": {
    "dev": "npm run clean && vue-cli-service serve",
    "build": "npm run clean && vue-cli-service build"
}