如何查看哪些文件包含在webpack构建中

Question

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

Answer 1

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

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

从CLI：

webpack --json > stats.json 

从API的NodeJS：

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

然后，您可以编写自己的统计分析工具，或者已经使用现有的工具，如优秀webpack stats analyser。