前端打包时出现node内存溢出

通常我们在打包前端项目时，工程过大的时候会出现打包很慢的情况

原因

在Node中通过JavaScript使用内存时只能使用部分内存（64位系统：1.4GB，32位系统：0.7GB）,这个时候，如果前端项目非常的庞大，Webpack编译时就会占用很多的系统资源， 如果超出了V8引擎对Node默认的内存限制大小时，就会产生内存泄露(JavaScript heap out of memory)的错误。

解决方案

既然V8引擎有对Node进行默认的内存限制大小，那么在Node内存不足的时候，可以放宽内存大小的使用限制，可以在Node启动的时候，传递–max-old-space-size或–max-new-space-size来调整内存大小的使用限制。

修改

vue-cli2解决方法：

npm run dev 和 npm run build 直接在前面加上--max_old_space_size=4096

"scripts": {

  "start": "npm run dev",

  "dev": "node --max_old_space_size=4096 build/dev-server.js",

  "build": "node --max_old_space_size=4096 build/build.js",

  "lint": "eslint --ext .js,.vue src", "pre": "node build/pre.js",

  "dll": "rimraf dist && webpack --progress --colors --config build/webpack.dll.conf.js"

},

vue-cli3\vue-cli4解决方法：

1、scripts中添加一句指令 "fix-memory-limit": "cross-env LIMIT=4096 increase-memory-limit"

"scripts": {

  "serve": "vue-cli-service serve",

  "build": "vue-cli-service build",

  "test:unit": "vue-cli-service test:unit",

  "fix-memory-limit": "cross-env LIMIT=4096 increase-memory-limit"

},

2、安装两个npm包 ： increase-memory-limit 和cross-env
3、安装完成后，先执行一次 npm run fix-memory-limit，然后启动/打包即可