Astroでサブフォルダにbuildする方法

Astroではデフォルトでドメイン直下にbuildされるようになっています。buildしたファイルを/hoge/fuga/などサブフォルダに生成する方法をご紹介します。

以下のように書くと、build後のファイルがdist/hoge/fuga/に生成されます。

baseを設定することで、dev serverで見た時のURLも/hoge/fuga/になるので、一緒に設定することをお勧めします。

const subfolder = '/hoge/fuga/'

export default defineConfig({
  base: subfolder,
  outDir: `./dist${subfolder}`,
});