vite.config.js에서 global 사용하기
react-joyride를 사용하기 위해서 global 변수 설정이 필요했습니다. stackoverflow - vite-global-is-not-defined에서 같은 상황을 발견했습니다.
define: {
global: {}, // 다음과 같이 선언
},예시처럼 사용했지만 npm run build 상황에서 node_modules의 global 변수를 사용하는 곳에서 문제가 발생하게 됐습니다.
global 변수의 문제로 알고 어떻게 변경할지 고민을 하며 vite 내부에서 사용하는 rollup build 설정법을 찾아보기도 했습니다.
define: {
global: "window",
},react-joyride의 문제는 global 변수를 못찾아서 그랬는데 browser 상에서 global은 window의 역할을 한다고 판단했습니다. 위와같이 수정을 하게 되었습니다.