如何查看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 stats analyser。