webpack

1. CRA 없이 리액트를 시작해야하는 이유 create-react-app을 이용하면 정말 편하게 리액트 프로젝트를 시작할 수 있다. 웹팩과 바벨, 타입스크립트 설정까지 제공해준다. 하지만 내 방식대로 설정을 바꾸기가 힘든 단점이 있다. craco 같은 라이브러리를 이용하여 설정을 override 해야하는데, 번거롭고 이럴바엔 처음부터 리액트를 구축하는 것이 낫겠다 라고 판단하게 된다. 나의 경우 import 방식을 바꾸려고 했었는데, 이를 위해 웹팩, ts 설정까지 전부 override 해야하는 문제점이 있었다. 배보다 배꼽이 더 큰 경우였다. 그래서 CRA없이 리액트 프로젝트를 구축해보려고 한다. 2. 구축 순서 1. package.json 생성 2. React, Typescript 설치 3. web..

우아한테크코스 5기 미션 점심 뭐 먹지 의 웹팩 설정 파일을 보며 웹팩 기초를 공부한 과정입니다. 0. 작성 이유 점심 뭐 먹지 미션을 하면서 html 파일을 분리한 구조를 사용했습니다. 당연히 js 에서 html을 import 할 수 있을 것이라고 생각했는데요, 안되더라구요 그래서 이번 기회에 아예 몰랐던 webpack 공부를 해봤고, 그 정리본입니다. 처음 공부했기 때문에 아래 내용은 정확하지 않을 수도 있어요. 잘못된 부분은 같이 고쳐봐요. 댓글 환영합니다! 1. webpack 이란? 웹 페이지를 만들 때 생기는 수많은 파일들(js, css, html, assets 등) 을 하나로 묶어주는 도구 중 하나 (번들러 라고 합니다) webpack 이외에도 parcel 같은 번들러가 있습니다. 2. web..