JS のビルドサイズを極限まで絞るための TIPS 集

ビルドサイズ限界まで絞りたい人向け。 あらゆる環境で実践するものではないが、知ってたら簡単に避けることができるのもあるので知っておくと便利なTIPS書いていく。 基本ポリシー 未使用コードはビルド時に全部落とす。 何が未使用コードで、何が定数かわかるようなインターフェースを人間が心がける。 用語 Dead Code Ellimination(DCE) Rollup や Terser で、未使用コードを削除すること

[prjpn]

次第にJSのビルドとか流行らないからやめたほうがいい

[diveintounlimit]

10年くらい前のV8エンジン何それっていう時代にやむなくこういう事やってたけど、本来こういうのはコンパイラとかがやるべきよね。

[ABA]

“class による実装が推奨されない”可能な限りクラス数を絞ってサイズ削減していた、iアプリのJavaプログラミングを思い出す

[ryunosinfx]

jsビルドしないと言うのはそれはそれで覚悟が要るな。ビルドシステムのチェックが漏れるから結合試験で爆発の可能性が出てくる。

[circled]

最近はvite使って開発してれば、余計なこと考えなくても最後にnpm run buildするだけで凄くコンパクトになってない？

[cuttoff19]

バンドルサイズが大きくなるって意味でもclass構文は使わないほうがいいのか。

[otoan52]

"オブジェクトの名前空間を生成した時点で内部のメンバの長さだけビルドサイズを消費してしまう" この辺になるともう安易に真似しちゃダメなやつにw / 将来的にはclassのprivateメンバの名前最適化の可能性はありそう

[mayumayu_nimolove]

絞り散らかすテク

[yarumato]

“過剰に再 export しない (とくに */index.ts において )”

[yasu-log]

【B!】JS のビルドサイズを極限まで絞るための TIPS 集