[FE] Development Production 빌드 및 배포 환경 구분

Common

• babel-loader 사용
• babel-preset-typescript를 사용하여 타입스크립트 컴파일
• ForkTsCheckerWebpackPlugin을 사용하여 트랜스파일링 속도 개선
• CopyPlugin을 사용하여 이미 번들링된 모듈은 빌드 파일에 복사(ex. axios.min.js)

Development

• ReactRefreshWebpackPlugin을 적용하여 향상된 HMR 사용

Production

• TerserPlugin을 사용하여 빌드시 코드 압축(ex. console.log 제거)
• babel-plugin-styled-components을 사용하여 빌드시 styled-components 코드 압축(ex. 컴포넌트 명 제거)