如何调试webpack构建性能？

Question

我正试图确定我的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')
  }
});

Answer 1

尽管这是一个老问题，但知道已经发布了新插件来帮助跟踪性能瓶颈很有用。

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