CRA in webpack config

CRA로 만든 React App의 webpack 설정을 최적화 하기 위해 찾아보던 중, craco config 가 아닌 webpack config file로 변경하려면 프로젝트를 eject해야 한다는 사실을 알게 되었습니다.


eject할까 말까…

React 공식 문서에서 나와있듯이 한번 eject하면 되돌릴 수 없으므로 신중하게 판단하고 eject을 진행해야 합니다.eject을 하면 webpack,Babel,ESLint 등등의 숨겨진 file 들을 볼 수 있지만, CRA가 자동으로 설정해놓은 webpack,babel 관련 설정들을 사용자가 직접 유지보수 해야 합니다.…또한 프로젝트 진행 중에 새로운 라이브러리를 설치할때 다른 패키지와의 의존성을 고려해서 작업해야 합니다.….


이런 문제로 인하여 프로젝트를 eject하지 않고, craco config 안의 webpack 설정을 활용하여 현재 코드보다 깔끔하게 변경하고, 추가 작업을 진행하도록 하였습니다.


다음 글은 CRA 안의 webpack 설정을 적용하며 공부한 내용을 정리한 문서입니다.


https://medium.com/p/45595c28c3e7

CRA config in Webpack

Medium

CRA config in Webpack

다음 내용이 궁금하다면?

또는

이미 회원이신가요?

2024년 5월 8일 오후 12:37

댓글 0

    함께 읽은 게시물

    혹시 Claude 나 cursor 등 AI 로 개발하실 때
    뭔가 AI 스러운 뻔한 디자인 때문에

    ... 더 보기

    LinkedIn

    www.linkedin.com

    LinkedIn


    Claude Code 실전 가이드: AI 네이티브 개발자로 가는 길

    ... 더 보기

    Claude Code 실전 가이드: AI 네이티브 개발자로 가는길_Gotama 멘토님

    F-Lab : 상위 1% 개발자들의 멘토링

    Claude Code 실전 가이드: AI 네이티브 개발자로 가는길_Gotama 멘토님

     • 

    저장 12 • 조회 2,007


    📝 음성 AI를 이용한 채용 인터뷰 실험 논문

    ... 더 보기

    커서 AI를 슬랙과 연결하면 생기는 일

    ... 더 보기

    달레 블로그의 SEO 비법 🎯

    "

    ... 더 보기