봉보로봉봉

Vite로 만든 프로젝트를 gh-pages로 배포할 때는 gh-pages 라이브러리를 설치하지 않아도 된다. vite.config.js 파일로 가서 base를 추가한다. // vite.config.js import { defineConfig } from 'vite'; import react from '@vitejs/plugin-react'; // https://vitejs.dev/config/ export default defineConfig({ base: '/레포이름/', plugins: [react()], }); BrowserRouter에 basename을 추가한다. const Router = () => { return ( ); }; HashRouter라면 basename은 필요없다! gh-pages..

Vite로 프로젝트를 구축해서 진행하고 있었다. firebase api key를 감춰야해서 .env 파일을 생성하고 사용하려고 했다. process.env.변수명으로 접근하려니까 이용할 수 없다는 에러가 떴다... 왜....? uncaught referenceerror process is not defined. 이유 Vite에서는 process.env를 사용하지 않고 import.meta.env를 사용한다. // process.env 대신 사용 import.meta.env 그래서 다 고쳐줬더니 에러는 없는데 undefined이 떴다... 왜....? 기존에 .env에서 변수를 선언할 때 REACT_APP_ prefix를 붙여주는 것처럼 Vite에서는 VITE_ prefix를 붙여줘야만 인식을 하기 때문이..

팀프로젝트를 진행하면서 cra가 아니고 vite를 이용해서 개발환경을 구축했는데 cra보다 vite가 실행속도가 더 빨라서 앞으로 Vite를 사용해보려고 한다. 참고 : vite를 사용해야 하는 이유 프로젝트 생성하기 // npm npm create vite@latest // yarn yarn create vite 프로젝트 이름과 템플릿을 지정해서 프로젝트를 생성할 수 있다. // npm 6.x npm create vite@latest my-react-app --template react-ts npm create vite@latest my-react-app --template react // npm 7+, '--'를 반드시 붙여주세요 npm create vite@latest my-react-app -- ..