이제 BASE_URL을 환경변수를 활용해 적용하려던 참
평소와 같이 환경변수를 넣어서 BASE URL을 깔아주려는 참이였는데 다음과 같은 에러가 났다.
생각해보니 이번에 CRA없이 시작하면서 dotenv에 대한 설정을 따로 안해준거 같다는 생각이 들어서 바로 구글링 때려버렸다.
https://www.npmjs.com/package/dotenv-webpack
dotenv-webpack
A simple webpack plugin to support dotenv.. Latest version: 8.0.1, last published: 6 months ago. Start using dotenv-webpack in your project by running `npm i dotenv-webpack`. There are 471 other projects in the npm registry using dotenv-webpack.
www.npmjs.com
항상 CRA로 먼저 설정되어있어서 몰랐다.. 배워간다.
1. dotenv-webpack package 설치
2. webpack.config.js에서 아래와 같이 plugin 추가
그리고 추가로 Path에 대한 설정 포함 여러가지 customize가 가능한데, 자세한건 npm가서 Guid를 봐주세여 하하
'Project > Slack-Cloning' 카테고리의 다른 글
| Section 4 - Summary (1) | 2023.02.27 |
|---|---|
| Property 'activeClassName' does not exist on type 'IntrinsicAttributes & NavLinkProps & RefAttributes' (0) | 2023.02.11 |
| Section 2 Summary (0) | 2023.02.09 |
| SWR 사용에 앞서서 axios 설정해두기 (0) | 2023.02.04 |
| CRA 없이 프로젝트 셋팅하기 (0) | 2023.01.31 |