如何调试 webpack 构建性能？答案

【问题标题】：How to debug webpack build performance?如何调试 webpack 构建性能？
【发布时间】：2018-06-21 13:46:08
【问题描述】：

我正在尝试确定是什么让我的 webpack 构建花费了这么长时间。我正在努力寻找任何日志记录选项或调试选项，因此 webpack 将记录有关它在做什么的信息......我环顾四周，看到了一些类似 noInfo: false 选项的东西，但这对我没有任何作用......

我正在使用 node.js api。这是一个例子：

var compiler = webpack(config)

compiler.run(function(err, stats) {
  if (err) {
    console.error(err)
    return
  } else {
    fs.writeFileSync(path.join(root, 'webpack', 'stats.'+projectName+'.json'), stats.toJson(), 'utf8')
    console.log("done: stats."+projectName+'.json')
  }
});

【问题讨论】：

你用什么来运行 Webpack？建造？ Webpack-Dev-Server？ Webpack-Dev-Middleware?

标签： webpack

【解决方案1】：

虽然是个老问题，但了解已发布的新插件有助于追踪性能瓶颈是很有用的。

例如，您可以尝试使用 Speed Measure Webpack Plugin 之类的东西来查看不同的加载器和插件在您的配置中运行需要多长时间

【讨论】：