Vue-cli webpack 编译内存溢出

Posted 2023-05-12

参考技术A 最近在写一个 vue 项目，在进行 yarn dev 的时候，经常发现编译崩溃的事情，然后就需要再次 yarn dev 。

主要的报错信息如下：

问题主要出现在 node 对于内存的限制上，网上的解决方法很多都是基于之前版本的 vue-cli

那个时候的 vue-cli 的 scripts 还是直接使用的 node xxxx 命令，因此无法直接添加 node 运行参数。

基本的解决方法就是增大内存，如果使用新版本的 vue-cli ，scripts 中 dev 是隐藏了 node 参数的：

需要直接去修改 webpack.cmd ：

文件路径在：

node_modules/.bin/webpack.cmd

在 node 命令上加上参数即可。

之前的文件内容：

修改之后的文件内容：

webpack 内存溢出 Allocation failed - JavaScript heap out of memory

项目中，当组件文件过多，webpack-dev-server 编译时，容易内存溢出，

在 ode_modules.binwebpack-dev-server.cmd 加以下红色配置，暂可解决

@IF EXIST "%~dp0
ode.exe" (
  "%~dp0
ode.exe" "--max_old_space_size=4096" "%~dp0..[email protected]@webpack-dev-serverinwebpack-dev-server.js" %*
) ELSE (
  @SETLOCAL
  @SET PATHEXT=%PATHEXT:;.JS;=;%
  node  "--max_old_space_size=4096" "%~dp0..[email protected]@webpack-dev-serverinwebpack-dev-server.js" %*
)

注意空格 和 双引号