Skip to content

事前圧縮静的アセット(gzip / Brotli)

npm run build(および npm run build:pworld-capture)は scripts/generate-compressed-assets.mjs により、管理画面ビルド成果物(.js / .css)の隣に .gz / .br を生成し、各 assets/build ディレクトリへ Apache 向け .htaccess を配置します。

配信の前提

  • Apache(mod_rewrite / mod_headers: ビルド成果物の .htaccess により、Accept-Encoding に応じて .br / .gz を返します。ConoHa WING 等で AllowOverride が有効な場合は追加設定なしで効くことがあります。
  • nginx: テーマ同梱の .htaccess は効きません。次のような設定が必要です。
nginx
location ~* \.(js|css)$ {
    gzip_static on;
    # brotli モジュールがある場合のみ有効化:
    # brotli_static on;
}

デプロイ後はブラウザの Network で対象 JS に Content-Encoding: br または gzip が付くことを確認してください。

関連

  • Issue #2056(バンドル分割・事前圧縮生成)
  • 本番サーバでの nginx / パネル設定反映: Issue #2814
  • 手順の補足は本ページと 本番デプロイ を参照