Follow

少し必要にかられてBlurHashをwebpackでのビルド時に生成するblurhash-loaderを作成しました。

exampleのためにwebpack.config.jsを久し振りに書いたのですが結構うろおぼえになってしまっていましたね。最近はNext.jsやGatsbyのようなもの経由でwebpackの設定をいじっているので直接webpack.config.jsを書く機会はもうなくなっていて、そうなるとやはり厳しいものがありますね。

inabagumi/blurhash-loader: A blurhash loader module for webpack. github.com/inabagumi/blurhash-

· · Web · 1 · 3 · 2

BlurHashはUGC等でサーバーサイドのWeb APIから返される値に含ませるのが基本の形になるかとは思いますがLPの遅延読み込みで使いたいと思い作成しました。画像が大きいとビルド時にかかる時間が大きく増えてしまうのは難点ではありますが、良い感じに使えるものができたのではないかという自負があります。

Show thread
Sign in to participate in the conversation
ykzts.technology

ykzts.technologyMastodonのコミッターの一人である山岸和利 (ykzts) が個人で使うために運用しているMastodonサーバーです。