🚑 fix: 프로덕션 환경에서 소스맵 확인할 수 없도록 수정 (#311)

* 📦 chore: Production용 환경 변수 예시 파일 작성

* 📦 chore: 소스맵이 프로덕션 환경에서 지워지도록 설정

* 📦 chore: 관리자 앱에 Sentry 테스트용 임시 버튼 추가

.env.production.example

@@ -0,0 +1,3 @@
+SENTRY_PROJECT= # Sentry Project
+SENTRY_AUTH_TOKEN= # Sentry Auth Token
+SENTRY_ORG= # Sentry Organization

src/AdminApp.tsx

@@ -12,6 +12,13 @@ import 'react-toastify/dist/ReactToastify.css';
 const AdminApp = () => {
   return (
     <Background imageUrl={BackgroundImg}>
+      <button
+        onClick={() => {
+          throw new Error('Sentry 테스트');
+        }}
+      >
+        Sentry 수집 테스트
+      </button>
       <UnknownErrorBoundary FallbackComponent={RootUnknownFallback}>
         <ApiErrorBoundary FallbackComponent={RootApiFallback}>
           <Outlet />

vite.config.ts

@@ -1,34 +1,42 @@
 /// <reference types="vitest" />
 import { sentryVitePlugin } from '@sentry/vite-plugin';
-import { defineConfig } from 'vite';
+import { defineConfig, loadEnv } from 'vite';
 import react from '@vitejs/plugin-react';
 import path from 'path';
 
 // https://vitejs.dev/config/
-export default defineConfig({
-  plugins: [
-    react({
-      jsxImportSource: '@emotion/react',
-    }),
-    sentryVitePlugin({
-      org: 'oceanletter-y1',
-      project: 'oceanletter-react',
-    }),
-  ],
+export default defineConfig(({ mode }) => {
+  const env = loadEnv(mode, process.cwd(), '');
 
-  resolve: {
-    alias: {
-      '@': path.resolve(__dirname, './src'),
+  return {
+    resolve: {
+      alias: {
+        '@': path.resolve(__dirname, './src'),
+      },
     },
-  },
 
-  test: {
-    globals: true,
-    environment: 'jsdom',
-    setupFiles: ['./src/setupTests.ts'],
-  },
+    test: {
+      globals: true,
+      environment: 'jsdom',
+      setupFiles: ['./src/setupTests.ts'],
+    },
+
+    build: {
+      sourcemap: true,
+    },
 
-  build: {
-    sourcemap: true,
-  },
+    plugins: [
+      react({
+        jsxImportSource: '@emotion/react',
+      }),
+      sentryVitePlugin({
+        org: env.SENTRY_ORG,
+        project: env.SENTRY_PROJECT,
+        authToken: env.SENTRY_AUTH_TOKEN,
+        sourcemaps: {
+          filesToDeleteAfterUpload: ['**/*.js.map'],
+        },
+      }),
+    ],
+  };
 });