프론트엔드 개발자라면 알아야할 : Webpack 심화

https://jeonghwan-kim.github.io/series/2020/01/02/frontend-dev-env-webpack-intermediate.html

를 읽고 정리한 내용입니다.

---

2023.03.24 - [🌳Frontend/etc] - 프론트엔드 개발자라면 알아야할 : Webpack 기본

프론트엔드 개발자라면 알아야할 : Webpack 기본

---

웹팩 개발 서버

프런트엔드 개발환경에서 개발용 서버를 제공해주는 것이 webpack-dev-server 이다.

npm i -D webpack-dev-server
yaran add -D webpack-dev-server

{
  "scripts": {
    "start": "webpack-dev-server"
  }
}

npm start / yarn start

> webpack-dev-server

ℹ ｢wds｣: Project is running at http://localhost:8080/
ℹ ｢wds｣: webpack output is served from /
ℹ ｢wds｣: Content not from webpack is served from

 

개발용 서버를 설치하고, 해당 script command 를 실행하면, 8080 포트에 서버가 구동되어 접속된다. 웹팩 아웃풋 경로인 dist 를 루트경로로 접속할 수 있다.