[노드] Webpack 뷰 자동 빌드! 새로고침 없이 바로 컴파일 하는 방법

 

자동 빌드 하는법 딱 정리!

 

1. packgage.json 파일의 scripts 에 webpack-dev-server --mode development --hot 넣어준다

dev 에 넣어줘도 되고 start에 넣어줘도 되고

"scripts": {
    "dev": "webpack --mode development",
    "build": "webpack --mode production",
    "start": "webpack-dev-server --mode development --hot",
    "test": "echo \"Error: no test specified\" && exit 1"
  },

2. webpack.config.js 파일에  publicPath를 추가해 준다

나의 경우엔 이 경로가 없어서 자동 빌드가 안되었다

 output: {
    filename: 'bundle.js',
    publicPath: "/dist"
  },

3. npm run start 

 

webpack-dev-server --mode development --hot 

이 들어간 명령어를 실행한다