记录排查node-创新互联

文章目录

- 一、排查node_modules包为什么会越来越大
- - 1. 事件背景
  - 2. 排查过程
  - 3. 解决方案

10年积累的做网站、成都网站建设经验，可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你，你也不认识我。但先网站设计后付款的网站建设流程，更有黄骅免费网站建设让你可以放心的选择与我们合作。一、排查node_modules包为什么会越来越大 1. 事件背景

中间接手一个团队的项目，npm i 之后，启动服务脚本，正常运行，整个项目很简单，用的若依模板，但是运行几天后发现，硬盘少了十几个G,一开始，还以为是系统的垃圾缓存，清了下，发现远远达不到少的空间，想想这几天干的事，箭头直指该项目，用npkill跑了下，果然node_moudules竟然夸张有18个G。

2. 排查过程

现象
- 删除node_modules,重新安装，只有几百兆的大小。
- 运行npm run dev命令之后，会立即增加几十兆，重复多次运行，发现未增加空间。
- 修改代码，实时编译之后，发现空间增加5兆左右，只要修改一次就增加一次。
尝试解决方案
- 替换包管理工具，yarn 发现问题依旧存在。
考虑是不是缓存引起
- 查阅vue-cli官网，发现官网有这么一句话。
- 至此，.cache文件夹进入视野。
- 是不是这个loader引起的呢？是不是去除这个loader就能解决该问题。
  - 在vue.config.js中的chainWebpack中配置如下代码：
```
module.exports = {chainWebpack(config) {  config.module.rule('vue').uses.store.delete('cache-loader');
      config.module.rule('js').uses.store.delete('cache-loader');
   }
},
```
  - 代码打印，确实已删除了loader，但是现象依旧存在。
- 会不会是其他插件引起的，仔细观察后发现，.cache中的compression-webpack-plugin每次增加的空间，正好是整个node_modules增加的空间。
- 查看vue.config.js，插件的配置确实存在compression-webpack-plugin，且没有区分环境。
- 直接先注释，运行项目，观察现象消失。
- 至此，问题终于定位到了。

3. 解决方案

compression-webpack-plugin，压缩资源，配合nginx加速资源加载，优化体验。
解决方式：针对该插件直接区分下环境，只有在生产打包的时候，进行启用即可。

你是否还在寻找稳定的海外服务器提供商？创新互联www.cdcxhl.cn海外机房具备T级流量清洗系统配攻击溯源，准确流量调度确保服务器高可用性，企业级服务器适合批量采购，新人活动首月15元起，快前往官网查看详情吧

分享文章：记录排查node-创新互联
标题网址：http://6mz.cn/article/escdp.html

网站建设知识

记录排查node-创新互联

其他资讯