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

How to see which files are included in a webpack build