解决前端打包出现内存溢出问题 您所在的位置:网站首页 记Vite打包时出现的报错解决 解决前端打包出现内存溢出问题

解决前端打包出现内存溢出问题

2024-05-15 09:22| 来源: 网络整理| 查看: 265

在公司的项目上在测试环境打包还没遇到过,但是通过公司的上线平台打包前端 JS 代码的时候,在打包日志下发现了构建失败的错误日志,具体报错信息可以看下图

打包报错打包报错

报错信息大致为内存堆栈溢出

主要的原因是因为使用 Node 进行打包时,采用的 V8 引擎,在 Node 中通过 JavaScript 使用内存只能使用部分内存(64位系统下约为 1.4GB,32位系统下约为 0.7GB),这就是为什么我们在打包时会出现内存溢出的问题,主要还是因为默认分配的内存比较小,而我们的项目通常很大!并且 Webpack 在打包的时候也会十分的消耗资源,当超出了默认分配的大小就会出现上述的报错问题

那么如何去解决呢,其实非常简单,只需要在打包的时候分配一下 Node 可使用的内存大小即可

更改 package.json 下的 scripts 字段的打包命令即可

代码语言:javascript复制{ // ...其他配置 "scripts": { "build": "node --max_old_space_size=4096 build/build.js" } // 其他配置... }

其实这里更改的就是 --max_old_space_size=4096 通过这个来分配打包时的内存使用大小,然后重新打包即可,这个分配的单位为 MB ,也就是 4G 的内存使用。目前在我这里实验的项目打包速度快了 2 倍,而且还没再次遇到这个问题。

抬走,下一个。



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有