웹팩 서버

  • 웹팩에서 바로 서버 키기
  • express연동 없이 웹팩자체로 서버를 여는 방법.

설정

설치

  • webpack-dev-server
  • html-webpack-plugin

webpack.config.js

  • dev서버 설정 추가
devServer: {//server
    port: 9000,//포트번호
    hot:true//hot로드
    },
  • plugin에 추가
new HtmlWebpackPlugin({//html화면
    template: 'index.html',
    }),
new webpack.HotModuleReplacementPlugin()//모듈

package.json

  • scripts에 추가
    • “start”: “webpack server”

실행

  • npm start
    • 이건 위의 script를 설정해서 알아서 수정하면된다.

출처

  • 실제 웹팩 사이트
    • https://webpack.js.org/guides/hot-module-replacement/
  • 블로그
    • https://ibrahimovic.tistory.com/47