Merge pull request #118 from Soohyuniii/fix/hmr-설정-변경

fix: hmr 설정 변경

Author: Soohyuniii

.github/workflows/ci.yml

@@ -25,10 +25,12 @@ jobs:
           npm install tailwindcss@latest postcss@latest autoprefixer@latest
           npm install --save-dev @types/node
 
+      - name: Create .env file # env 파일 생성 단계 추가
+        run: |
+          echo "VITE_GA_MEASUREMENT_ID=${{ secrets.VITE_GA_MEASUREMENT_ID }}" > .env
+
       - name: Run build
         run: npm run build --verbose # 프로젝트에 맞는 빌드 명령어
-        env:
-          VITE_GA_MEASUREMENT_ID: ${{ secrets.VITE_GA_MEASUREMENT_ID }} # Google Analytics 환경 변수 사용
 
       - name: Docker build & push
         run: |

src/libs/analytics.ts

@@ -2,7 +2,7 @@ import ReactGA from "react-ga4";
 
 const GA_MEASUREMENT_ID = import.meta.env.VITE_GA_MEASUREMENT_ID || "";
 
-const isProduction = process.env.NODE_ENV === "production";
+const isProduction = import.meta.env.MODE === "production";
 
 const initGA = () => {
   if (isProduction && GA_MEASUREMENT_ID) {

vite.config.ts

@@ -19,7 +19,10 @@ export default defineConfig(({ mode }: { mode: string }) => {
       strictPort: true,
       allowedHosts: ["mbtips.kr"],
       hmr: isProduction
-        ? false // 배포 환경에서는 HMR 비활성화 (WebSocket 사용 안 함)
+        ? {
+            host: "mbtips.kr",
+            protocol: "wss"
+          }
         : {
             host: "localhost",
             protocol: "wss"
@@ -60,11 +63,6 @@ export default defineConfig(({ mode }: { mode: string }) => {
           replacement: path.resolve(__dirname, "src/libs")
         }
       ]
-    },
-    define: {
-      "process.env.VITE_GA_MEASUREMENT_ID": JSON.stringify(
-        process.env.VITE_GA_MEASUREMENT_ID
-      )
     }
   };
 });