Webpack编译提示内存溢出解决方案

       在项目开发中，随着业务需求的复杂项目随之增大，再加上同一个文件被引用次数过于频繁在开发编译或者上线打包时经常会出现如下错误：

       这个报错的意思就是Node内存不足所导致的，我们都知道 Node 是基于V8引擎，在一般的后端开发语言中，在基本的内存使用上没有什么限制，但是，在 Node 中通过 JavaScript 使用内存时只能使用部分内存（64位系统下约为1.4 GB，32位系统下约为0.7 GB）所以不管你电脑实际内存多大，在node运行JavaScript打包编译的时候所使用的内存大小，并不会因为你系统的实际内存大小改变而改变

解决方法如下：

windows系统

在 node_modules\.bin\webpack-dev-server.cmd 增加以下代码即可解决

"--max_old_space_size=4096"    //4096的单位为M，表示node最大占用内存数值，可根据实际情况自行调整复制代码

插入位置如下图所示：

@IF EXIST "%~dp0\node.exe" (
  "%~dp0\node.exe"  "--max_old_space_size=4096"  "%~dp0\..\webpack-dev-server\bin\webpack-dev-server.js" %*
) ELSE (
  @SETLOCAL
  @SET PATHEXT=%PATHEXT:;.JS;=;%
  node "--max_old_space_size=4096" "%~dp0\..\webpack-dev-server\bin\webpack-dev-server.js" %*
)
复制代码

Mac系统

在运行编译的命令中修改为如下代码即可

"scripts": {
  "dev": "node --max-old-space-size=4096 ./node_modules/.bin/webpack-dev-server --inline --progress --config build/webpack.dev.conf.js"
},复制代码

以上的修改方法其实都是变相的去调用了node的命令去修改node最大使用内存，从而解决内存不足问题

转载于:https://juejin.im/post/5c5152ad6fb9a049ea395bea