webpack - 在 create-react-app (CRA) 中获取总包大小

Question

在我的 CRA 应用程序中运行yarn build会打印出有用的信息，包括包大小。有没有办法只提取 Javascript 和 CSS 包的大小？

Answer 1

安装source-map-explorer：

• npm -npm i --dev source-map-explorer

• 纱线 -yarn add -D source-map-explorer

安装jq

从项目目录运行（在 OS X 中安装brew install coreutils并替换numfmt为）：gnumfmt

$ source-map-explorer 'build/static/js/*' --gzip --json | jq '.results[] | .totalBytes' | paste -s -d+ - | bc | numfmt --to=iec --suffix=B获取 Javascript 包的总大小（gzipped）

$ source-map-explorer 'build/static/css/*' --gzip --json | jq '.results[] | .totalBytes' | paste -s -d+ - | bc | numfmt --to=iec --suffix=B获取 CSS 包的总大小（gzipped）