【案例】webpack中loader、plugin和devserver的应用-1

webpack-dev-server

1.提供 HTTP 服务而不是使用本地文件预览；
2.监听文件的变化并自动刷新网页，做到实时预览；
3.支持 Source Map，以方便调试。

webpack原生提供2，3点，使用webpack-dev-server可以做到第1点

• 安装
  npm install webpack-dev-server –save-dev
  npm i -D webpack-dev-server //简写

• 使用

  1. 在package.json 文件夹“script”属性下添加如下：
  2. "scripts": {
"start:dev": "webpack-dev-server"
}

• 运行

  npm run start:dev