公司有個基於vue的項目在運行npm run build的時候會報內存溢出，今天在某個技術流交群也有位小伙伴基於angular的項目也出現了這個問題，所以查了一些相關的資料總結了一下，下面會詳細說明前端三大框架編譯時遇到這個問題具體怎么解決。首先看我模擬出的報錯內里面有句關鍵的話，CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory JavaScript堆內存不足，這里說的 JavaScript 其實就是 Node，我們都知道 Node 是基於V8引擎，在一般的后端開發語言中，在基本的內存使用上沒有什么限制，但是我去查閱了相關的資料才發現，在 Node 中通過 JavaScript 使用內存時只能使用部分內存（64位系統下約為1.4 GB，32位系統下約為0.7 GB），這就是我們編譯項目時為什么會出現內存泄露了.
因為前端項目如果非常的龐大，webpack 編譯時就會占用很多的系統資源，如果超出了V8對 Node 默認的內存限制大小就會出現剛剛我截圖的那個錯誤了，那怎么解決呢？V8依然提供了選項讓我們使用更多的內存。
Node 在啟動時可以傳遞 --max-old-space-size 或 --max-new-space-size 來調整內存大小的使用限制，示例如下
node --max-old-space-size=1700 test.js // 單位為MB
// 或者
node --max-new-space-size=1024 test.js // 單位為KB
上述參數在V8初始化時生效，一旦生效就不能再動態改變。如果遇到 Node 無法分配足夠內存給 JavaScript 的情況，可以用這個辦法來放寬V8默認的內存限制，避免在執行過程中稍微多用了一些內存就輕易崩潰，既然知道了解決辦法那就好辦了，下面來分別詳細說明三大框架下的具體操作。
Vue
先說vue，因為vue是最簡單的，因為基於 vue-cli 生成的項目，vue沒有把 package.json 里面 scripts 字段的腳本命令的node命令隱藏起來，我們直接把上面v8提供的選項參數直接寫入scripts 字段的 node 命令后就好了，示例如下
"build": "node --max_old_space_size=4096 build/build.js"
直接在 node 后面寫上 --max_old_space_size=4096 就好了，我這里設置的內存大小是4G,這個具體的大小可以根據自己的項目情況來設置就好了。然后再重新運行 npm run build 就可以正常打包構建了。
轉載[(https://blog.csdn.net/qq_37146850/article/details/78770922)]