一篮奄、問題
vue-cli3
(現(xiàn)在已經(jīng)出4了幕帆,貌似并沒有解決這個(gè)問題)在執(zhí)行npm run serve
或yarn serve
時(shí)有可能出現(xiàn)內(nèi)存溢出問題岩榆,更多的情況是在命令執(zhí)行完窥翩,修改代碼后,再次自動(dòng)編譯的時(shí)候氓仲。
其實(shí)水慨,大多數(shù)單頁面應(yīng)用是不會(huì)出現(xiàn)這個(gè)問題的。但是需求是無止境的敬扛,我們的項(xiàng)目使用多頁面的方式(個(gè)別獨(dú)立功能的頁面會(huì)單獨(dú)使用一個(gè)xx.html
,而不是都使用index.html
作為入口)朝抖,具體配置方式見https://cli.vuejs.org/zh/config/#pages啥箭。這種情況下,很大概率出現(xiàn)內(nèi)存溢出的情況治宣。
二急侥、原因
vue-cli
使用 webpack-dev-server
作為開發(fā)時(shí)的服務(wù)器,本質(zhì)上是個(gè)node.js
程序侮邀,內(nèi)存溢出是webpack-dev-server
運(yùn)行過程中出現(xiàn)的坏怪。
三、解決方式
知道原因就好解決绊茧,方法不唯一铝宵,思路就是:增大node.js
程序的運(yùn)行內(nèi)存。方法之一,修改package.json的scripts下的serve命令鹏秋,如下:
"serve": "node --max_old_space_size=10240 node_modules/@vue/cli-service/bin/vue-cli-service.js serve",
具體大小可以根據(jù)實(shí)際情況設(shè)置尊蚁,我這里設(shè)置10240是可以的。
解決一個(gè)問題侣夷,開心横朋。OK,結(jié)束百拓!