解决 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的文件将不会被压缩
      }),
    ],
}
相关推荐
Ulyanov8 小时前
从桌面到云端:构建Web三维战场指挥系统
开发语言·前端·python·tkinter·pyvista·gui开发
cypking8 小时前
二、前端Java后端对比指南
java·开发语言·前端
摘星编程8 小时前
用React Native开发OpenHarmony应用:timing定时动画参数
javascript·react native·react.js
糠帅傅蓝烧牛肉面8 小时前
单实例多MCP聚合服务:两种实现方案深度对比
前端·docker·ai
JosieBook8 小时前
【Vue】12 Vue技术—— Vue 事件修饰符详解:掌握事件处理的高级技巧
前端·javascript·vue.js
摘星编程8 小时前
在OpenHarmony上用React Native实现AnimatedValue补间动画
javascript·react native·react.js
摘星编程9 小时前
React Native鸿蒙版:AnimatedXY双轴动画完整代码
javascript·react native·react.js
艾斯特_9 小时前
Echarts常用配置项及解释
前端·javascript·echarts
m0_502724959 小时前
飞书真机调试
开发语言·前端·javascript
我只会写Bug啊10 小时前
复制可用!纯前端基于 Geolocation API 实现经纬度获取与地图可视化
前端·高德地图·地图·百度地图·经纬度