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

这篇具有很好参考价值的文章主要介绍了解决 vue 项目开发越久 node_modules包越大的问题。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

vue 每次编译都会将编译后的文件缓存在 node_modules /.cache 里面,因此需要在 vue.config.js 配置取消缓存文章来源地址https://www.toymoban.com/news/detail-718011.html

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的文件将不会被压缩
      }),
    ],
}

到了这里,关于解决 vue 项目开发越久 node_modules包越大的问题的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包赞助服务器费用

相关文章

  • vue3 解决使用vscode开发工具编辑vue3项目时代码一直标红

    vue3 解决使用vscode开发工具编辑vue3项目时代码一直标红

    从网上查的,插件还没升级到vue3版本(比如vue3项目根标签可以多个,vue2项目根标签只能有一个,以及等等差异) 解决方法1 然后关闭vscode,再重启vscode就可以了! 解决方法2 将eslint插件卸载重装,就可以解决了!

    2024年02月07日
    浏览(41)
  • 多个Vue项目如何共用一个node_modules

    多个项目共同用一个项目的node_modules 问题:多个vue项目的node_modules依赖包相同,怎么共用同一个node_modules依赖包? 1.以管理员身份打开命令窗口cmd 2.输入命令:mklink /d 需要链接的项目地址 引用的源文件项目地址 1.如:源文件项目地址为:D:worksourceFilenode_modules 2.如:需要链

    2024年02月04日
    浏览(7)
  • Node.js博客项目开发思路笔记

    Node.js博客项目开发思路笔记

    开发一个博客系统,具备博客基本功能 只开发 server 端,不关心前端 首页、作者页、博客详情页 登陆页 管理中心、新建页、编辑页 数据如何存储 博客 id title content createtime author 1 标题 1 内容 1 1111112 zhangsan 2 标题 2 内容 2 1111111 lisi 用户 id username password realname 1 zhangsan 123 张三

    2024年02月12日
    浏览(13)
  • Vue项目清理本地缓存并删除node_modules

    1. 在linux系统下,清缓存,删除node_modules 2. 在windows系统下,清缓存,删除node_modules 法一:利用 powershell 执行(推荐,速度快,秒删) 法二:利用 npm 下载 rimraf 执行 如果执行到“删除node_modules文件夹”的步骤不好用了,请直接手动删除node_modules文件

    2024年02月08日
    浏览(8)
  • 运行 Vue项目出现报错:10% building 2/5 modules 3 active ...dmin\node_modules\@vue\cli-plugin-eslint的解决方法

    运行 Vue项目出现报错:10% building 2/5 modules 3 active ...dmin\node_modules\@vue\cli-plugin-eslint的解决方法

    最近在运行vue项目时出现了很多错误,由于作者在这方面是个小白😏,这里特此记录一下问题及解决方法 首先安装环境 node.js,这里没有什么好说的。网上有很多教程 ❌ 问题一 运行项目出现报错 ‘vue-cli-service’ 不是内部或外部命令,也不是可运行的程序 或批处理文件。

    2024年02月09日
    浏览(11)
  • vue项目node_modules越来越大的问题

    有一个vue项目,发现它的占用空间越来越大,一看是node_modules占用已经100多G了,然后测试了每次编译运行就会增大几百兆,日积月累,磁盘都快装满了。 但是并不想删除node_modules重装,后来找到了是CompressionWebpackPlugin插件开启了GZIP压缩,缓存越来越大的问题,在vue.config.j

    2024年02月11日
    浏览(12)
  • 【Node.js】一文带你开发博客项目之接口(处理请求、搭建开发环境、开发路由)

    【Node.js】一文带你开发博客项目之接口(处理请求、搭建开发环境、开发路由)

    个人简介 👀 个人主页: 前端杂货铺 🙋‍♂️ 学习方向: 主攻前端方向,也会涉及到服务端 📃 个人状态: 在校大学生一枚,已拿 offer(秋招) 🥇 推荐学习:🍍前端面试宝典 🍉Vue2 🍋Vue3 🍓Vue2Vue3项目实战 🥝Node.js 内容 参考链接 Node.js(一) 初识 Node.js DNS 解析,建

    2023年04月21日
    浏览(11)
  • 怎么快速卸载Vue项目里的node_modules文件夹

            因为平时装依赖的时候,有可能会报错怎么不管用的时候,就需要把node_modules文件夹删了重新intall一下,但是直接删的话会要管理员权限,或者各种问题,这个时候就可以使用一个工具来解决 rimraf         用 rimraf 来卸载的话还是非常快的,亲测比直接shift+Dele

    2024年02月11日
    浏览(10)
  • Vue项目清理本地缓存并删除node_modules (清除不掉揍我)

    在linux系统下,清缓存,删除node_modules 在windows系统下,清缓存,删除node_modules    法一:利用 powershell 执行(推荐,速度快,秒删)    法二:利用 npm 下载 rimraf 执行

    2024年02月13日
    浏览(8)
  • 【Node.js实战】一文带你开发博客项目之登录(前置知识)

    【Node.js实战】一文带你开发博客项目之登录(前置知识)

    个人简介 👀 个人主页: 前端杂货铺 🙋‍♂️ 学习方向: 主攻前端方向,也会涉及到服务端 📃 个人状态: 在校大学生一枚,已拿多个前端 offer(秋招) 🚀 未来打算: 为中国的工业软件事业效力n年 🥇 推荐学习:🍍前端面试宝典 🍉Vue2 🍋Vue3 🍓Vue2Vue3项目实战 🥝

    2024年02月21日
    浏览(12)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包