Merge pull request #264 from prgrms-web-devcourse-final-project/refacto/263-text-compression

[refacto]: 텍스트 압축 설정

Author: kangsuyeong

package-lock.json

@@ -52,6 +52,7 @@
     "typescript": "~5.7.2",
     "typescript-eslint": "^8.22.0",
     "vite": "^6.1.0",
+    "vite-plugin-compression": "^0.5.1",
     "vite-plugin-pwa": "^0.21.1"
   }
 }

package.json

@@ -3,6 +3,7 @@ import react from '@vitejs/plugin-react';
 import { VitePWA } from 'vite-plugin-pwa';
 import tailwindcss from '@tailwindcss/vite';
 import { fileURLToPath, URL } from 'url';
+import compression from 'vite-plugin-compression';
 
 // https://vite.dev/config/
 
@@ -15,6 +16,16 @@ export default defineConfig(({ mode }) => {
       global: 'window', // global을 window로 설정
     },
     plugins: [
+      compression({
+        algorithm: 'brotliCompress', // Brotli 적용
+        threshold: 1024, // 1KB 이상만 압축
+        ext: '.br', // Brotli 확장자 사용
+      }),
+      compression({
+        algorithm: 'gzip', // Gzip도 적용 (백업용)
+        threshold: 1024, // 1KB 이상만 압축
+        ext: '.gz',
+      }),
       react(),
       tailwindcss(),
       VitePWA({