解决 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的文件将不会被压缩
      }),
    ],
}
相关推荐
涔溪1 分钟前
有哪些常见的Vite插件及其作用?
前端·vue.js·vite
糖墨夕1 分钟前
从一行代码看TypeScript的精准与陷阱:空值合并vs逻辑或
前端·typescript
Junsen8 分钟前
使用 Supabase 实现轻量埋点监控
前端·javascript
Java&Develop10 分钟前
html写一个象棋游戏
javascript·游戏·html
CnLiang18 分钟前
React Compiler Plugin
前端·react.js
willxiao18 分钟前
js 单例模式 6 种实现方式
javascript·设计模式
一只爱吃糖的小羊25 分钟前
React 19 生命周期:从入门到实战的完整指南
前端·react.js
乔伊酱28 分钟前
Bean Searcher 遇“鬼”记:为何我的查询条件偷偷跑进了 HAVING?
java·前端·orm
uu_code00731 分钟前
字节磨皮算法详解
前端
HashTang33 分钟前
【AI 编程实战】第 2 篇:让 AI 成为你的前端架构师 - UniApp + Vue3 项目初始化
前端·vue.js·ai编程