前端项目内存溢出总结

内存溢出原因分析

现在很多前端项目都依赖于第三方库来提高开发效率，但是很多开发人员为了方便，会把用到的第三方库完整引入，导致整个项目体积过大，看似很方便，但是会造成很多隐患，例如：使用 Webpack 打包项目时，占用过多的系统资源，导致超出了 Node 的内存大小限制，从而打包失败或者启动项目失败。

内存溢出现象

内存溢出解决方案

1. 针对本项目

在本项目中打开终端或命令行工具，安装 increase-memory-limit 和 cross-env ，然后在项目根目录下的 package.json 文件中 script 中添加 "fix-memory-limit": "cross-env LIMIT=4096 increase-memory-limit" ， 完成后在本项目根目录的终端或者命令行中执行以下命令：

npm run fix-memory-limit

即可将node最大占用内存设置为4G

如果出现一下信息则说明成功修改内存限制：

2. 针对全局

在任意终端或命令行中执行：

npm i increase-memory-limit -g
increase-memory-limit

即可