node_modules\.cache\compression-webpack-plugin文件越来越大

最新推荐文章于 2024-03-13 16:27:46 发布
最新推荐文章于 2024-03-13 16:27:46 发布
阅读量1.4k 收藏 7
点赞数 4
分类专栏： vue项目 javaScirt 文章标签： webpack vue.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zm9998/article/details/129286536
版权

 只要执行一次代码compression-webpack-plugin文件就会越来越大，已到159G~
原因：因为没有配置开发和生产环境，所以即使在开发环境时它也在执行compression-webpack-plugin

解决：简单的方法就是直接删掉.cache这个文件；但不能根治！既然是原因是环境那么就配置环境来解决！

配置.env文件

 

 

 

 

 因为自身项目没有生产和开发url，也没有测试环境，所以就刚需了

 

三七_z
关注
  • 4
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
npm-install-cache:从缓存安装node_modules
05-03
npm-install-cache 在类似Unix的系统上从缓存安装node_modules 。 npm install -g npm-install-cache 用法 导航到节点项目并运行 npm-install-cache 如果自上次运行以来对package.json进行了任何更改，脚本将执行npm install并存储node_modules目录的副本，则这些将在下次执行脚本时使用。
compression-webpack-plugin:准备资产的压缩版本以通过内容编码为它们提供服务
05-02
首先，您需要安装compression-webpack-plugin ： $ npm install compression-webpack-plugin --save-dev 然后将插件添加到您的webpack配置中。 例如： webpack.config.js const CompressionPlugin = require ( ...
vue解决打包后文件过大的问题-使用压缩插件打包后压缩文件-compression-webpack-plugin
浩星
06-29 2644
前言： 在用vue开发项目的时候，经常会面临一个文件，就是打包以后文件太大，首页加载时间长的问题，一般我们会从压缩文件，cdn引入文件，加载整合雪碧图等等的方式来优化，这里来谈谈压缩文件，主要使用的插件：compression-webpack-plugin 压缩文件优点： 1，打包后页面加载速度变快（文件都小了） 2，打包完的文件会把我们需要的体积比较大的文件根据功能界面拆分开 比较：很明显的感觉文件变多了，每一个的体积变小了 压缩前： 压缩后： ...
node_modules中的.cache文件夹的占用空间越来越大
weixin_42248417的博客
07-20 3180
node_modules中的.cache文件夹的占用空间越来越大
请说明Vue中的node_modules优化处理
最新发布
有我更精彩的博客
03-13 632
Vue 中的 node_modules 优化处理在前端开发中极为重要，它可以帮助大大减少项目打包体积，加快项目的加载速度。下面我们就来详细讨论一下 Vue 中的 node_modules 优化处理。
improve-gzip引入后node_modules中.cache compression-webpack-plugin占用内存过多
2301_76671906的博客
12-28 1298
gzip引入后node_modules中.cache compression-webpack-plugin占用内存过多
清除node_modules 缓存
热门推荐
昔人'
05-05 4万+
当清node_modules 出现某一些包错误时候，查不到原因时候，可以适当的清除缓存试试。删掉重新安装 rm -rf node_modules npm cache clean npm install
vue项目中node_modules体积变大及webpack-CompressionWebpackPlugin
lalaladamowang的博客
07-29 1186
针对CompressionWebpackPlugin插件可以自行百度，是一个gzip压缩的插件，目的是提高http访问速度，前端打包时开启，并且配置nginx即可。原因在于在vue.config.js中配置了CompressionWebpackPlugin，并且此插件默认开启cache缓存。在前端vue项目中，每启动一次项目，node_modules的体积就会变大，基本上半个月就可以达到100G左右。在vue.config.js中关闭此插件的cache就不会出现node_modules体积变大的问题。
Vue3.2.33、 VueCLI4.5.0打包 chunk-vendors.js 文件过大解决方案（compression-webpack-plugin）
QC班长的博客
04-28 3251
最近项目发布到公网服务器，发现首次打开加载时太慢了，查看js文件发现chunk-vendors.js太大了，于是想着优化，发现了其中一种方案是使用压缩插件compression-webpack-plugin，压缩打包编译后的代码。将文件打包成 .gz 文件，然后通过 nginx 的配置，让浏览器直接解析 .gz 文件，可以大大提升文件加载的速度，浏览器可以直接解析 .gz 文件并解压。 压缩文件格式介绍 .gz：浏览器可以直接解析并解压。 .br：BR 文件是使用 Brotli（一种开源数据压缩算
记录排查node_modules包为什么会越来越大？
东东爱编码博客
06-10 8158
node_modules包越来越大
matlab_code_for_video_compression.rar_video compression_video-co
07-14
video compression using matlab
RADAR_PULSE_COMPRESSION_MultipleType.rar_Barker radar_LFM-Costas
07-15
Source code for MULTIPLE RADAR PULSE COMPRESSION: barker, frank, costas, polyphase(P1--> P4), polytime (T1--> T4), Linear Frequency Modulation (LFM). CHECKED & WORKED for me
wavelet_based_compression_sub-band_coding.rar_Sub-band_matlab 图像
07-15
一个简单的基于小波图像压缩算法和重构算法，可以分解到不同的层
named-module-webpack-plugin:插件允许您使用带有名称的模块
05-14
注意：如果没有名为“ button”的模块，则它将像以前一样处理它（在node_modules中查找它，依此类推）。 如何安装： 只需将其包含在您的webpack配置中即可： plugins: [ new NamedModulePlugin ( ) ] 您还可以...
node_modules.cache是什么东西
PC_136的博客
08-22 1880
cache文件的产生是由webpack4的插件cache-loader生成的，node_modules里下载了cache-loader插件，很多朋友都是vuecli工具生成的项目，内置了这部分设置，使用在配置文件例如vue.config里看不到这部分设置。此外，在 Webpack 4 中，部分插件是默认启用缓存功能的（例如压缩代码的 Terser 插件等），当然.cache文件下的4个插件其实也是默认启用了webpack的缓存功能。
modules node 太大了_node_modules 占用空间太大的问题
weixin_39781143的博客
12-20 3694
import osimport timeimport shutil# 脚本目的：自动删除指定文件夹下的相关文件夹 如批量删除node_modules依赖def get_dirsize(dirPath):size = 0for root, dirs, files in os.walk(dirPath):for file in files:try:name = os.path.join(root, f...
webpack之缓存
weixin_45337170的博客
02-28 1463
前言 我们使用 webpack 来打包我们的项目，只要将打包生成 dist 目录中的内容部署到服务器上，浏览器就能够访问此服务器的网站及其资源。 当我们需要处理的业务越来越繁重时，我们不得不面临的一个问题是前端的代码体积也变得越来越庞大。这造成用户不得不花额外的时间和带宽下载更大体积的脚本文件。这就是为什么浏览器使用一种名为 缓存 的技术。可以通过命中缓存，以降低网络流量，使网站加载速度更快。 如果我们在部署新版本时不更改资源的文件名，浏览器可能会认为它没有被更新，就会使用它的缓存版本。由于缓存的存在，当你
清除node_modules中的编译缓存
陈小陈的博客
11-21 7587
有时候在启动项目时发生一些莫名的错误，可以清除编译缓存试试 在node_modules文件夹下有.cache文件夹，这里边是编译缓存包 手动删除.cache文件夹或者如下操作 rm -rf node_modules npm cache clean npm install ...
前端 webpack在打包时借助​compression-webpack-plugin​插件实现gzip压缩
ZMJ_QQ的博客
02-14 769
webpack在打包时借助​compression-webpack-plugin​插件实现gzip压缩 gzip压缩是一种http请求优化方式，通过减少文件体积来提高加载速度。html、js、css文件甚至json数据都可以用它压缩，可以减小60%以上的体积。
code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While resolving: compression-webpack-plugin@3.1.0 npm ERR! Found: webpack@3.12.0 npm ERR! node_modules/webpack npm ERR! peer webpack@"^2.0.0 || ^3.0.0 || ^4.0.0" from @soda/friendly-errors-webpack-plugin@1.7.1 npm ERR! node_modules/@soda/friendly-errors-webpack-plugin npm ERR! @soda/friendly-errors-webpack-plugin@"^1.7.1" from @vue/cli-service@3.12.1 npm ERR! node_modules/@vue/cli-service npm ERR! dev @vue/cli-service@"^3.3.0" from the root project npm ERR! peer webpack@"2 || 3 || 4" from babel-loader@7.1.5 npm ERR! node_modules/babel-loader npm ERR! babel-loader@"^7.1.2" from vue-photo-preview@1.1.3 npm ERR! node_modules/vue-photo-preview npm ERR! vue-photo-preview@"^1.1.3" from the root project npm ERR! 11 more (eslint-loader, extract-text-webpack-plugin, ...) npm ERR! npm ERR! Could not resolve dependency: npm ERR! peer webpack@"^4.3.0 || ^5.0.0" from compression-webpack-plugin@3.1.0 npm ERR! node_modules/compression-webpack-plugin npm ERR! dev compression-webpack-plugin@"^3.1.0" from the root project npm ERR! npm ERR! Conflicting peer dependency: webpack@5.86.0 npm ERR! node_modules/webpack npm ERR! peer webpack@"^4.3.0 || ^5.0.0" from compression-webpack-plugin@3.1.0 npm ERR! node_modules/compression-webpack-plugin npm ERR! dev compression-webpack-plugin@"^3.1.0" from the root project npm ERR! npm ERR! Fix the upstream dependency conflict, or retry npm ERR! this command with --force or --legacy-peer-deps npm ERR! to accept an incorrect (and potentially broken) dependency resolution. npm ERR! npm ERR! npm ERR! For a full report see: npm ERR! C:\Users\zcybi\AppData\Local\npm-cache\_logs\2023-06-08T02_41_32_750Z-eresolve-report.txt
06-09
这个错误提示显示了一个依赖冲突的问题。具体原因是因为你的项目中使用了 `compression-webpack-plugin@3.1.0`，这个插件的依赖要求 webpack 版本为 `^4.3.0 || ^5.0.0`，但是你的项目中已经安装了 webpack@3.12.0。这导致了依赖冲突，npm 无法正确解析依赖关系。 为了解决这个问题，你可以尝试以下方法： 1. 更新 webpack 到符合要求的版本。你可以执行以下命令安装最新版本的 webpack： ``` npm install webpack@latest ``` 2. 如果更新 webpack 不可行，你可以尝试升级或降级 `compression-webpack-plugin` 到与 webpack 版本兼容的版本： ``` npm install compression-webpack-plugin@3.1.1 ``` 或者 ``` npm install compression-webpack-plugin@2.0.0 ``` 3. 如果以上方法都无法解决问题，你可以尝试使用 `--force` 或 `--legacy-peer-deps` 参数进行安装： ``` npm install --force ``` 或者 ``` npm install --legacy-peer-deps ``` 不过需要注意的是，这种做法可能会引入不兼容或不稳定的依赖项，如果不确定是否安全，建议不要使用这种方法。 希望这些方法能够帮助你解决问题。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值