viteでビルドしたアプリケーションを github pages にデプロイすると _assets 以下がロードされない

Qiita とクロスポストしています。

問題

vite でアプリケーションをビルドして、github pages にデプロイしたい。

以下みたいな感じでビルド時にアセットのパスは変更できてるけど、アクセスするとアセットが 404 になる。

npm run build -- --base=/<repo-name>

原因

jekyll はアンダースコアスタートのディレクトリは無視するらしい。

デフォルトでアセットが入っているディレクトリは _assets なので、それが原因

解決方法

public ディレクトリに .nojekyll を置いてあげる。

参考

https://github.com/vitejs/vite/issues/238