vue打包编译删除node_modules下的.cache缓存文件夹

vue项目不断打包编译后，在node_modules目录下的.cache文件夹里的文件就越来越多，手动删除根本没时间等，虽然文件不大，但是数量巨大，几十万个文件，同时由于缓存越来越多，项目目录提交也变得越来越慢，于是想办法自动删除.cache这个文件夹

先安装依赖包rimraf

npm install rimraf -g --save-dev

第一种方法

在vue.config.js（不同脚手架可能文件不同，但基本都是xxx.config.js）文件里进行使用：

//path这个依赖也要有
const path = require('path')
const rm = require('rimraf')

function resolve(dir){
    return path.join(__dirname, dir)
}
rm(resolve('node_modules/.cache'), err=>{
    if(err){
        throw err
    }
})

module.exports = {
    ...
}

第二种方法：

在 package.json 文件的 scripts 部分添加一个脚本命令：

"scripts": {
  "clean": "rimraf node_modules/.cache"
}

运行脚本命令：

npm run clean

就可以清除.cache文件夹，然后在dev、build命令里都加入clean命令：

"scripts": {
    "dev": "npm run clean && vue-cli-service serve",
    "build": "npm run clean && vue-cli-service build"
}

设置之后每次运行都会先删除.cache目录，就不会越来越大了

其实就是这么简单，在起项目或者打包之前，就会自动先清掉这个目录，大功告成！赶紧去试试吧