解决 vue 项目开发越久 node_modules包越大的问题

vue 每次编译都会将编译后的文件缓存在 node_modules /.cache 里面,因此需要在 vue.config.js 配置取消缓存

javascript 复制代码
compression-webpack-plugin 禁止缓存
const CompressionPlugin = require("compression-webpack-plugin");

module.exports = {
    plugins: [
      new CompressionPlugin({
        cache: false, // 取消缓存
        algorithm: "gzip",
        filename: "[path].gz[query]",
        test: /\.(js|css|woff|woff2|json|txt|html|ico|svg)(\?.*)?$/i, // 要压缩的文件
        threshold: 10240, // 压缩超过10k的数据
        deleteOriginalAssets: false, // 不删除压缩前的文件,如果浏览器不支持Gzip,则会加载源文件
        minRatio: 0.8, // 压缩比大于0.8的文件将不会被压缩
      }),
    ],
}
相关推荐
Dxy12393102162 分钟前
JS如何获取元素高度
开发语言·javascript·ecmascript
文心快码BaiduComate8 分钟前
Comate搭载DeepSeek-V4
前端·后端
豹哥学前端10 分钟前
5分钟搞懂事件委托
前端·javascript·面试
Awu122715 分钟前
🍎把数学公式搬进 Web 表格:一个 VTable 实战案例
前端
江无行者17 分钟前
aly oss技能应用
前端
朝阳3924 分钟前
单向数据流
前端
小小小小宇26 分钟前
H5 嵌入微信 / 支付宝 / 抖音小程序 WebView:调用原生能力完整方案
前端
卷帘依旧27 分钟前
React中父子组件生命周期的执行顺序
前端
绝世唐门三哥32 分钟前
ES6 --- import/export 全解析
开发语言·前端·javascript
小杍随笔32 分钟前
【iNovel 前端架构深度解析:基于 Vue 3 + TypeScript + Tauri 的跨端小说写作工具】
前端·架构·typescript