Native ESM 時代のフロントエンドビルドツールの動向

No Bundle ツールの流行: vite / snowpack モダンブラウザは Native ESM を備えているので、開発時は高速な localhost アクセスを頼って直接 import する、外部ライブラリだけ事前にコンパイルしておく、という手法が流行ってきている。プロダクション用は今まで通りビルドする。 webpack はすべてを一つにバンドルするためにメモリ上にファイルの実体と依存グラフを持っているが、これによりメモリと CPU を圧迫する問題があった。特に巨大なリポジトリではそれが顕著になる。 No bundle ツールの実装として vite と snowpack がある。 https://github.com/vitejs/vite https://www.snowpack.dev/ vite は使ってみた限り、更新時の差分ビルドが爆速で、明らかに体感が良い。 Vue

[kappaseijin]

“webpack はすべてを一つにバンドルするためにメモリ上にファイルの実体と依存グラフを持っているが、これによりメモリと CPU を圧迫する問題があった。特に巨大なリポジトリではそれが顕著になる。”

[mi_kattun]

[typescript]

[rail44]

ビルドツールをbundlerとして捉えると結びは完全に正しいけど、minifierやコンポーネントをDOM APIへ変換するフレームワークを見るとpre-processの基盤としてのビルドツールは10年以上生き残り、今一番近いのはrollupだと思う

[apple19940820]

内製UIライブラリをTree Shaking対応するためにrollupに移行しようとしたらStorybookのwebpack依存が強すぎて無理みたいな話があったりなかったりする

[tyahha]

[フロントビルドパイプラインまとめ2021/03]

[tossy_yukky]

viteどっかで使えるタイミングあったらぶっこみたい

[mizdra]

よく纏まっていてありがたい / `x-typescript-types` ヘッダ面白い

[Keisuke69]

viteってそんなに良い感じなのか

[gabill]

この変化は歓迎。

[mizchi]

書いた