有没有一种方法可以查看Webpack构建中包含哪些文件,最好能够看到它们的大小?我想要这样做的原因是为了深入了解我的构建过程,并且注意意外包含不应该在其中的文件。
默认情况下,webpack命令行界面将输出所有包含模块及其大小的路径。
Webpack还可以为您生成一个名为stats.json
的文件,其中包含有关构建中包含的每个模块的信息。
从命令行界面运行:
webpack --json > stats.json
从NodeJS API中:
webpack(config, function(err, stats) {
fs.writeFileSync('./stats.json', JSON.stringify(stats.toJson()));
});
你可以编写自己的统计分析工具,也可以使用已经存在的工具,如优秀的webpack统计分析工具。