AstroでHTMLの圧縮を無効にする

Astroで構築したサイトで、HTMLを圧縮していない状態でビルドしたいということがあったので方法をメモ。

サンプルコード

まず設定前の状態を確認してみます。
設定前のデモページ

上記のHTMLコードを確認するとわかるように、ビルド後は圧縮された状態で出力されています。

ビルド後に圧縮しないようにする設定方法ですが、astro.config.mjsに下記を追記します。

import { defineConfig } from 'astro/config';

export default defineConfig({
  compressHTML: false
});

これでHTMLが圧縮されていない状態で出力されました。
設定後のデモページ