webPack에 devServer 설치하기(개발용 서버)

 

npm으로 dev-server 패키지를 먼저 설치해준다.

npm i webpack-dev-server -D

 

webpack.config.js과 package.json에 각각 추가해준다.

  /* webpack.config.js */
  
  devServer: {
    contentBase: path.join(__dirname, 'dist'),
    compress: true,
    port: 9000
  }

/* package.json */
 "scripts": {
    "build": "webpack",
    "dev": "webpack-dev-server"
  }

 

웹서버를 돌리기 위해 cmd에 입력한다.

npm run dev

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

 

http://localhost:9000/에 접속하면 뾰로롱~ 잘 돌아가는 것을 볼 수 있다.