Hot Module Replacement

[syuilo]

Summary

今更感はあるけど、開発体験向上のため

[syuilo]

Vue CLIとか使った方が良いかも

[syuilo]

webpack-dev-server を使う必要があるっぽいけど、それ使う場合はMisskeyサーバーとの兼ね合いどうするんだろうというのが

[syuilo]

こういうの使うことになりそう https://github.com/shellscape/koa-webpack

[syuilo]

API提供サーバーとクライアント提供サーバーが同じというのが諸悪の根源(?)な気がするな

[syuilo]

ただ分離するとインスタンス運営者にサブドメインとか作ってもらう必要が生じて面倒

[rinsuki]

webpack-dev-server 普通にproxyあるよ

[syuilo]

なるほどなるほど その場合はAPIサーバーを通常とは違うポートで立てておく感じか

[syuilo]

クライアントを読み込むためのHTMLもサーバーから返されるから、全てのリクエストをproxyする感じになりそうだけど動くのかしら

[rinsuki]

普通は動く、ws通すにはちょっと設定しないといけない

[syuilo]

viteになった

[tamaina]

現状のbuild watchだとHMR無理かも

(viteを開発サーバーモードで起動する必要があると思うんだけど、Koaに手を加える必要がありそうで面倒なのでやめた。viteの開発サーバーとrollupの動作が乖離しているし)

[syuilo]

viteの開発サーバーとrollupの動作が乖離しているし

vite 3.0でここ改善してそう

In v3, Vite uses esbuild to optimize dependencies by default. Doing so, it removes one of the most significant differences between dev and prod present in v2.

[syuilo]

設定のしかたがよく分からなかった

[syuilo]

		server: {
			hmr: true,
			base: '/',
			port: 80,
			proxy: {
				'/api': 'http://localhost:3000',
				'/': 'http://localhost:3000',
				'/streaming': {
					target: 'ws://localhost:3000',
					ws: true,
				},
			},
		},

って設定追加してviteサーバー起動したけどHMRされない

[syuilo]

報奨金 ¥3000

[tamaina]

くるぞ