Webpack Dev Server를 이용한 개발 환경 구성 Part1
프론트엔드
Webpack Dev Server를 이용한 개발 환경 구성 Part1
두줄요약
Webpack Dev Server로 프론트엔드 단독 개발 모드를 구성하는 방법을 설명했습니다. Axios와 stub 파일, before 훅을 활용해 백엔드 없이도 API 응답을 모사했습니다.
핵심 내용
- Webpack Dev Server로 프론트엔드 개발 모드를 백엔드와 분리하는 구성 방법 소개
- publish 모드에서
/stub경로의 JS 파일을 응답 데이터로 사용해 단독 개발 환경 구성 Webpack DefinePlugin, Axios 몽키패칭,devServer.before훅으로 요청을 stub 파일에 연결- API 추가·변경 시 JS 파일 수정만으로 UI 테스트와 데이터 검증 가능