如何查看webpack构建中包含的文件

Question

有没有办法看到哪些文件包含在webpack构建中,最好是它们的大小？我想要这个的原因是为了深入了解我的构建,并留意意外包含不应该在那里的文件.

Answer 1

默认情况下,webpack CLI将打印所有包含模块的路径及其各自的大小.

Webpack还可以为您生成一个stats.json文件,其中包含有关构建中包含的每个模块的信息.

从CLI:

webpack --json > stats.json

从NodeJS API:

webpack(config, function(err, stats) {
  fs.writeFileSync('./stats.json', JSON.stringify(stats.toJson()));
});

然后,您可以编写自己的统计分析器工具,或使用现有的工具,如优秀的webpack统计分析器.