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

在项目开发中,随着业务需求的复杂项目随之增大,再加上同一个文件被引用次数过于频繁在开发编译或者上线打包时经常会出现如下错误:
这个报错的意思就是Node内存不足所导致的,我们都知道 Node 是基于V8引擎,在一般的后端开发语言中,在基本的内存使用上没有什么限制,但是,在 Node 中通过 JavaScript 使用内存时只能使用部分内存(64位系统下约为1.4 GB,32位系统下约为0.7 GB)所以不管你电脑实际内存多大,在node运行JavaScript打包编译的时候所使用的内存大小,并不会因为你系统的实际内存大小改变而改变

解决方法如下:

windows系统

在 node_modules.bin[webpack](https://so.csdn.net/so/search?from=pc_blog_highlight&q=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"
},

你可能感兴趣的:(Webpack编译提示内存溢出解决方案)