yomotsuのブックマーク / 2023年6月11日

yomotsu id:yomotsu

2023年6月11日のブックマーク (2件)

Rspack
RspackThe fast Rust-based web bundler Seamlessly replace webpack with compatible API Why Rspack?Rspack is a high performance JavaScript bundler written in Rust. It offers strong compatibility with the webpack ecosystem, allowing for seamless replacement of webpack, and provides lightning fast build speeds. Fast StartupCombining TypeScript and Rust with a parallelized architecture to bring you the
yomotsu 2023/06/11
リンク
HTML 全体の CSS を取得して Shadow DOM に適用する
以下のコードで HTML 全体の CSS を取得して Shadow DOM に適用することができます。最近まで replaceSync() と adoptedStyleSheets() の存在を知らなかったのですが、この 2つを使うと毎回 style タグを書き出すより効率的に処理できるらしい。これまで Shadow DOM の中に link タグを書くような方法を使っていたのですが、link タグだと最適化がしにくい問題があります。 CSS はインライン化したほうが高速なので、その時にも同じように使える方法が欲しかったのですが、この方法でいけるとわかりました。 document.styleSheets も知らなかった…。 function getGlobalCSS() { let css Text = ""; for (const stylesheet of document.sty
yomotsu 2023/06/11
リンク
- 2023年6月15日
- 2023年6月11日
- 2023年6月8日