tukablog.nsymtks.com

entry emoji

HonoXで開発中にpublic配下のファイルにアクセスする

x-basicのテンプレートで作成したHonoXプロジェクトのルートディレクトリにあるpublicの配下のファイルは、開発サーバーではアクセスができなかった。

@hono/vite-dev-serverのREADMEに、public/assets/*配下の静的ファイルを返したければexcludeで/assets/*を除外することと書かれていた。

例えば、public配下にある拡張子がwebp, png, svgの画像を開発サーバーでアクセスするには、次のようにexcludeの設定することで対応できる。

export default defineConfig(({ mode }) => {
  return {
    plugins: [
      :
      honox({
        devServer: {
          adapter,
          exclude: [
            ...devServerDefaultOptions.exclude,
            /\.(webp|png|svg)$/,
          ],
        },
      }),
      :

調べると同様のIssueも上がっていた。

Where should static assets be stored? · Issue #218 · honojs/honoxWhat version of HonoX are you using? 0.1.24 What steps can reproduce the bug? In fresh x-basic template, any assets under public directory can't be accessed except /favicon.ico. If I were to use st...
github.comgithub.com
What version of HonoX are you using? 0.1.24 What steps can reproduce the bug? In fresh x-basic template, any assets under public directory can't be accessed except /favicon.ico. If I were to use st...

忘れそうなので覚書として残しておく。