webpack-dev-server 셋팅

로컬서버 작업환경을 만들어보자. 

$ npm install --save-dev webpack-dev-server  을 치면

"devDependencies": {
    "webpack": "^3.6.0",
    "webpack-dev-server": "^2.8.2"
  }

짠 이렇게 추가된걸 볼 수 있다.

package.json 의 scripts 부분을 아래와 같이 변경한다.

"scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "build": "webpack-dev-server src/js/app.js dist/bundle.js",
    "build:prod": "webpack src/js/app.js dist/bundle.js -p"
  },

$npm run build 치면 서버가 실행되고

브라우저에서 http://localhost:8080  치면 완성