前端项目内存溢出总结

内存溢出原因分析

现在很多前端项目都依赖于第三方库来提高开发效率，但是很多开发人员为了方便，会把用到的第三方库完整引入，导致整个项目体积过大，看似很方便，但是会造成很多隐患，例如：使用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

即可