Webpack으로 개발 서버 열고 정적 파일 연결하기 🌝
🌓 Webpack의 장점과 단점 장점 : 매우 꼼꼼한 구성 옵션을 설정할 수 있으며 중/대형 사이즈의 규모있는 프로젝트에 적합하다. 단점 : 디테일한 옵션까지 제공하다보니 확인해야 할 요소가 많다. 🌕 Webpack으로 프로젝트 구성하기 1. 터미널에 npm init -y 입력 2. 터미널에 npm i -D webpack webpack-cli webpack-dev-server@next 입력 parcel은 cli가 자동화되어 있었지만 webpack은 그렇지 않기 때문에 webpack-cli를 설치해줘야 한다. 또한 개발 서버를 열고 수정사항이 바로바로 반영될 수 있게 하기 위해 webpack-dev-server를 설치한다. dev-server는 cli와 버전 일치를 위해 뒤에 @next까지 붙여준다. 3...
Bundler/Webpack
2022. 11. 30. 19:48