如何调试webpack构建性能?

时间:2015-10-06 20:57:06

标签: webpack

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

1 个答案:

答案 0 :(得分:4)

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

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