webpack打包内存溢出的解决方法

webpack打包内存溢出的解决方法

由于项目文件越来越多,最终导致在打包时报javaScript heap out of memory错误

webpack打包内存溢出的解决方法

解决方案:

1.增加v8内存

使用increase-memory-limit

1)安装

npm i -g increase-memory-limit

2)在项目目录运行

increase-memory-limit

它会默认吧v8引擎的内存上限提高到4G

2.缩减sourcemap配置

把devtool关闭,不添加sourcemap到内存
module.exports = {
  devtool: false, //之前是'eval-source-map'之类的
  entry: __dirname + "/app/main.js", //已多次提及的唯一入口文件
  output: {
    path: __dirname + "/public", //打包后的文件存放的地方
    filename: "bundle.js" //打包后输出文件的文件名
  }
}