vue-cli 4.x 删除webpack cache

441 阅读1分钟

问题: 在使用vue-cli 4.x生成的项目中,变更babel配置时会产生多线程构建报错

解决方案: 原因在于其封装的webpack4.x中默认插入了cache-loader用于加速构建,在node_modules目录下会生成一个.cache文件夹来存放babel-loader的缓存文件,此时可以手动删除该目录,或者在vue.config.js中修改配置如下即可

module.exports = {
    chainWebpack: config => {
        config.module.rule('vue').uses.delete('cache-loader');
    }
}