Astro.jsでビルド時にHTMLをminifyしてくれるプラグイン「astro-compress」

2023.08.02

Astro.jsでビルド時にHTMLをminifyしたく、プラグイン「astro-compress」をインストールしたらよかったので、インストール方法と設定方法です。

CONTENTS

astro-compressのインストール

npmでインストールします。

npm install -D -E astro-compress

プロジェクトルートにあるastro.config.mjsファイルを開き下記を追加します。

import compress from "astro-compress"; // これを追加

export default defineConfig({
  integrations: [compress()], // これを追加
});

あとはビルドするだけです。

npm run build

minifyされていることが確認できます。