解决vue-cli 内存溢出的问题

一、问题

vue-cli3(现在已经出4了,貌似并没有解决这个问题)在执行npm run serveyarn serve时有可能出现内存溢出问题,更多的情况是在命令执行完,修改代码后,再次自动编译的时候。

其实,大多数单页面应用是不会出现这个问题的。但是需求是无止境的,我们的项目使用多页面的方式(个别独立功能的页面会单独使用一个xx.html,而不是都使用index.html作为入口),具体配置方式见https://cli.vuejs.org/zh/config/#pages。这种情况下,很大概率出现内存溢出的情况。

二、原因

vue-cli使用 webpack-dev-server 作为开发时的服务器,本质上是个node.js程序,内存溢出是webpack-dev-server 运行过程中出现的。

三、解决方式

知道原因就好解决,方法不唯一,思路就是:增大node.js程序的运行内存。方法之一,修改package.json的scripts下的serve命令,如下:

 "serve": "node --max_old_space_size=10240 node_modules/@vue/cli-service/bin/vue-cli-service.js serve",

具体大小可以根据实际情况设置,我这里设置10240是可以的。

解决一个问题,开心。OK,结束!

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 因为自己的项目是基于vue-cli3进行开发,所以这里只讨论这种情况下的解决办法在进行多页面开发的时候,项目刚开始...
    公子世无双ss阅读 649评论 1 0
  • 在实现 egg + vue 服务端渲染工程化实现之前,我们先来看看前面两篇关于Webpack构建和Egg的文章: ...
    hubcarl阅读 6,041评论 0 19
  • 前言 已经有很多分析Vue-cli搭建工程的文章,为什么自己还要写一遍呢。学习就好比是座大山,人们沿着不同的路登山...
    若川i阅读 2,521评论 0 7
  • 跟你们分享一首诗《泥土》: 老是把自己当作珍珠 就时时有怕被埋没的痛苦 把自己当作泥土吧 让众人把你踩成一条道路
    生尘阅读 522评论 2 9
  • 感恩这几天的秋雨连绵,虽然秋收受到了影响,但是会为冬种打下很好的基础。 感恩先生的包容,这几天犯了老毛病,一直在抱...
    武丹yoyo阅读 236评论 0 0