Webpackビルドに含まれるファイルを確認する方法

Question

Webpackビルドに含まれるファイルとそのサイズを確認する方法はありますか？ 私がこれを望む理由は、自分のビルドについての洞察を得ることであり、そこにはいけないファイルを間違って含めることに気をつけておくことです。

Answer 1

デフォルトでは、webpack CLIは、すべてのモジュールとそれぞれのサイズのパスを出力します。

ウェブパックでは、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のような既存のツールを使用することができます。