問題
開發項目有一段時間了,隨着項目越來越大,打包的時間也相應的變長了,打包時的內存也增多了。這時候產生了一個問題,在發布項目的時候,會出現JavaScript heap out of memory錯誤的提示。
如下圖:

以上錯誤一直導致,無法發布項目。
詳細錯誤內容:CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory
原因
在Node中通過JavaScript使用內存時只能使用部分內存(64位系統:1.4 GB,32位系統:0.7 GB),這個時候,如果前端項目非常的龐大,Webpack編譯時就會占用很多的系統資源,如果超出了V8引擎對Node默認的內存限制大小時,就會產生內存泄露(JavaScript heap out of memory)的錯誤。
解決方案
既然V8引擎有對Node進行默認的內存限制大小,那么在Node內存不足的時候,可以放寬內存大小的使用限制,可以在Node啟動的時候,傳遞--max-old-space-size 或--max-new-space-size來調整內存大小的使用限制。
但是這種方式需要所有地方都要進行設置,因此需要安裝一個插件increase-memory-limit。
使用方式如下:
- 安裝
npm install -g increase-memory-limit - 運行
increase-memory-limit - npm 異步運行
"scripts": {
"fix-memory-limit": "cross-env LIMIT=2048 increase-memory-limit"
},
"devDependencies": {
"increase-memory-limit": "^1.0.3",
"cross-env": "^5.0.5"
}
執行一次npm run fix-memory-limit
