問題
開發項目有一段時間了,隨着項目越來越大,打包的時間也相應的變長了,打包時的內存也增多了。這時候產生了一個問題,在發布項目的時候,會出現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