qrac / minista

Static site generator with 100% static export from React and Vite.
https://minista.qranoko.jp
165 stars 13 forks source link

開発モードをSPAからSSRに変更 #82

Closed qrac closed 1 year ago

qrac commented 1 year ago

SaaSの改修案件や試作デモを作る場合、レガシーなjQueryやAlpine.jsを絡めたときにSPAな開発モードだと動かない。静的な本番とDOMレンダーの仕組みが違うから。

DOMをいじるVanilla JSを更新した際にフルリロードされない点なども地味に面倒。

v3で本番に近づけるため、SSRに目をつけた。普通はReactから静的HTMLとJSを生成してハイドレーションするが、ハイドレーションせずに静的HTMLだけ開発サーバーに返せばSSGに近い。この状態をベースにアセットの読み込みを最適化すれば理想に近づきそう。

qrac commented 1 year ago

Remove transformIndexHtml でベースの重複をなくそうとしたが、逆にplugin-reactのミドルウェアモードチェックでエラーが出るため元に戻す。