[FE] dev 배포시에도 msw가 실행되었던 문제 해결 (#322)

chore: msw 실행 조건 추가
woowacourse-teams · Aug 23, 2024 · b2b1963 · b2b1963
1 parent 729b96e
commit b2b1963
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/frontend/package.json b/frontend/package.json
@@ -6,8 +6,8 @@
   "scripts": {
     "prod": "webpack server --open --config webpack.prod.js",
     "dev": "webpack server --open --config webpack.dev.js",
-    "build:prod": "NODE_ENV=production webpack --config webpack.prod.js && npm run sentry:sourcemaps",
-    "build:dev": "NODE_ENV=development webpack --config webpack.dev.js",
+    "build:prod": "cross-env REACT_APP_ENABLE_MSW=false NODE_ENV=production webpack --config webpack.prod.js && npm run sentry:sourcemaps",
+    "build:dev": "cross-env REACT_APP_ENABLE_MSW=false NODE_ENV=development webpack --config webpack.dev.js",
     "sentry:sourcemaps": "sentry-cli sourcemaps inject ./dist && sentry-cli sourcemaps upload -o momo2024 -p momo-harry-test /dist",
     "lint:css": "stylelint '**/*.styles.ts' --fix",
     "test": "jest",

diff --git a/frontend/src/index.tsx b/frontend/src/index.tsx
@@ -11,9 +11,12 @@ import theme from '@styles/theme';
 import App from './App';
 
 const enableMocking = async () => {
+  if (process.env.REACT_APP_ENABLE_MSW && process.env.REACT_APP_ENABLE_MSW === 'false') return;
+
   if (process.env.NODE_ENV !== 'development') {
     return;
   }
+
   const { worker } = await import('@mocks/browser');
 
   return worker.start();