O Lit Element tem um projeto inicial do TypeScript que tem um script package.json checksize
e se parece com isso.
"checksize": "rollup -c ; cat my-element.bundled.js | gzip -9 | wc -c ; rm my-element.bundled.js"
A rollup -c
parte produz um bom relatório que mostra o tamanho do pacote assim:
┌───────────────────────┬──────────┐
│ File name │ Size │
│ --------------------- │ -------- │
│ my-element.bundled.js │ 17.07 kB │
│ --------------------- │ -------- │
│ Totals │ 17.07 kB │
E estou tentando descobrir para que cat my-element.bundled.js | gzip -9 | wc -c
serve essa parte.
Ela produz um número. Como interpretamos esse número?
Por exemplo, sem alterar o projeto de amostra iluminado, esta é a saída produzida pela execução checksize
:
┌───────────────────────┬──────────┐
│ File name │ Size │
│ --------------------- │ -------- │
│ my-element.bundled.js │ 17.07 kB │
│ --------------------- │ -------- │
│ Totals │ 17.07 kB │
└───────────────────────┴──────────┘
6325
Qual é o número 6325
?
wc
é a ferramenta "contagem de palavras".-c
diz para ela apenas exibir o número de bytes. Então este código:cat my-element.bundled.js | gzip -9 | wc -c
compacta o arquivo JS e então exibe o tamanho em bytes do resultado.
Veja https://linuxize.com/post/linux-wc-command/ para detalhes sobre
wc
.