[vue] 코드 저장할 때마다 웹팩 자동 저장(웹팩 감시 옵션)

package.json

{
  "name": "response-check",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "build": "webpack --watch"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "vue": "^3.2.45"
  },
  "devDependencies": {
    "@vue/compiler-sfc": "^3.2.45",
    "vue-loader": "^17.0.1",
    "webpack": "^5.75.0",
    "webpack-cli": "^5.0.1"
  }
}

npm 스크립트를 통해 build 스크립트를 저장했지만

코드 수정 시 마다 매번 커맨트를 날려야 하는 불편함이 있었다.

--watch 옵션을 주면 그런 수고로움을 덜 수 있다.

코드 저장할 때마다 자동으로 webpack으로 저장해준다.