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最大使用內存，從而解決內存不足問題