Naoki Otsu

Vue CLIで大量のvueファイルがあってもyarn serveを動くようにする設定

2019-09-05

今のプロジェクトで400ページ分ぐらいのvueファイルがあり、Vue CLIのデフォルトの設定のまま yarn serve しても途中で、 FATAL ERROR JavaScript heap out of memory のようなメモリ不足で落ちてしまって困っていた。

改善策を探していたところ動くようになる方法があったので備忘録。

結論としては、package.jsonのscriptsに
"serve": "node --max_old_space_size=8192 node_modules/.bin/vue-cli-service serve --open",
を設定する

これを入れると、Node.jsで使われているV8エンジンのデフォルト1,400MBの制限が引き上げられて動くようになる様子
ただそれでも起動まで5分とかかかってしまう。これをどうにかしたいがwebpack力が必要になりそうで、その辺りはよく分かってない。

参考にしたIssue
yarn serve - JavaScript heap out of memory crash