Snowpack
2020/4ごろにメンテ終了している
2021/5/15現在の最新はv3.4.0
と、どこかで書いてた気がする
esbuild を内部的に使ったビルドツール
よってブラウザでも読み込めるようになる
外部ライブラリのimportは今までと同じノリでできる
webpackなどのbundlerを使わないとimport React ...みたいな構文が使えない
ここで、ReactがESModuleに対応していれば、bundlerを使わずに、この構文で書ける
じゃあ、ESM未対応のライブラリをESMに変換すればいい
それがSnowpackがやってること
これによってbundlerが不要になる
使用したいライブラリを一度ESMに変換しちゃえばそれ以降変換掛ける必要がない
だから、「コードを修正するたびにbundle」みたいな処理が不要になる
チャンク分割が簡単になる
内部のmoduleは誰がbundleしたりするの #?? esmならそのままできるってことか?
ESMが対応していないブラウザならbundlerないと無理なので無理ってことか
node_modulesはもはやlocalに置かないのか
↓あまり良く知らないのでこんなふうにメモってるが、触ったりして理解進めばこういうメモは不要mrsekut.icon
@pika/web時代の記事
v1時代
外部ライブラリのESM変換部分のみをやる
自分らで書く部分であるアプリケーションコードはノータッチ
だから、TSと使ってるとBabelかなんかでESMに変換する必要がある
importの構文はimport React from '/web_modules/react.js'
v2時代の記事
開発サーバーが組み込みに
後のskypackかmrsekut.icon
importの構文はimport React from 'react'
v1からの変更点など
v3時代の記事
localでbundleしない
import "preact"はimport "https://pkg.snowpack.dev/preact" に変換される
オフラインではキャッシュを使用