refactor: vite mode 설정

boostcampwm-2024 · Nov 13, 2024 · ddbef30 · ddbef30
1 parent 6c5425b
commit ddbef30
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 4 deletions.
diff --git a/frontend/dockerfile b/frontend/dockerfile
@@ -32,4 +32,4 @@ RUN yarn install --production
 
 EXPOSE 5173
 # 9. 서버 실행
-CMD ["yarn", "dev"]
+CMD ["yarn", "prod"]
diff --git a/frontend/package.json b/frontend/package.json
@@ -4,7 +4,8 @@
   "version": "0.0.0",
   "type": "module",
   "scripts": {
-    "dev": "vite --host 0.0.0.0",
+    "dev": "vite --host 0.0.0.0 --mode development",
+    "prod": "vite --host 0.0.0.0 --mode production",
     "build": "vite build",
     "lint": "eslint .",
     "preview": "vite preview",

diff --git a/frontend/vite.config.ts b/frontend/vite.config.ts
@@ -3,7 +3,11 @@ import react from '@vitejs/plugin-react';
 import svgr from 'vite-plugin-svgr';
 import tsconfigPaths from 'vite-tsconfig-paths';
 
-export default defineConfig({
+
+export default defineConfig(({ mode }) => ({
+  server: {
+    hmr: mode !== 'production',  // 프로덕션 환경에서만 HMR 비활성화
+  },
   plugins: [
     react(),
     tsconfigPaths(),
@@ -16,4 +20,4 @@ export default defineConfig({
     outDir: '.dist'
   },
   cacheDir: '.vite'
-});
+}))