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

Question

有没有一种方法可以查看Webpack构建中包含哪些文件，最好能够看到它们的大小？我想要这样做的原因是为了深入了解我的构建过程，并且注意意外包含不应该在其中的文件。

- Dennis

Answer 1

默认情况下，webpack命令行界面将输出所有包含模块及其大小的路径。

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

从命令行界面运行：

webpack --json > stats.json

从NodeJS API中：

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

你可以编写自己的统计分析工具，也可以使用已经存在的工具，如优秀的webpack统计分析工具。

- Alexandre Kirszenberg

---

我运行了'webpack --json > stats.json'命令，但stats.json是空的。我做错了什么？ - WebBrother

@WebBrother和其他通过搜索进入此页面的人，这个答案可能会有所帮助：https://dev59.com/iZ3ha4cB1Zd3GeqPcvwo/ - Dalex