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最大使用内存，从而解决内存不足问题