Webpack

Webpack웹팩은 자바스크립트 모듈 번들러로 js 파일을 포함한 asset(image, font, style 등)을 컴파일, 번들링한다.번들러모듈 번들러는 여러 개의 자바스크립트 파일을 하나의 파일로 묶어서 한 번의 요청을 통해 가지고 올 수 있게 하는 도구이다. 프

create-react-app 없이 리액트 + 타입스크립트 환경을 구축하는 과정에서 npm run dev 실행 후 에러가 발생했다. 터미널에서는 webpack 5.82.1 compiled successfully in 1429 ms 메시지가 뜨고 컴파일과 번들링에는 성공

리액트 + 타입스크립트 개발 환경 구축 시 npm run dev 실행 후 발생한 에러웹팩의 엔트리인 ./scr/index.tsx에 Home.tsx 컴포넌트를 만들어서 import 하는데 Home 컴포넌트에서 import/export 읽을 수 없다고 한다. 역시나 스택오

mini-css-extract-plugin 작동 ❌isProd 라는 변수에 환경변수를 할당해서 production 모드일 때 mini-css-extract-plugin을 실행해서 번들파일에 css 파일 따로 추출하려고 했다. 하지만 번들파일에 css 파일이 생성되지 않

create-react-app 리액트 앱을 CRA없이 처음부터 만들려면 웹팩, 바벨 등 설정해줘야하는 사항들이 정말 많다. 이번에 웹팩으로 리액트 앱을 만들면서 많이 헤맸는데 프로젝트를 시작하기도 전에 힘이 빠지는 느낌이었다. 그동안 CRA가 얼마나 편리하고 편하