핫로딩 - 풀이
// webpack.config.js
module.exports = {
devServer: {
overlay: true,
stats: "errors-only",
proxy: {
"/api": "http://localhost:8081",
},
hot: true,
}
}
위와 같이 설정하면 끝이다.
아주 간단하다.
사실 style-loader
, file-loader
, url-loader
등 많은 로더들이 핫로딩을 지원하기 때문에 따로 설정해야될 것은 딱히 없다.
그저 위에 처럼 hot: true
만 추가해주면 된다.
만약 리액트나 vue.js를 사용한다고하면 각 프레임워크에 맞게 핫로딩을 설정해주면 된다.