2.2.6 实时构建

监听文件改动并实时构建，避免每次改动都要手动构建才能看到效果。
在 webpack 中添加 --watch 开启监视功能，webpack 会首先构建一次，然后依据构建得到的依赖关系，对项目所依赖的所有文件进行监听，一旦发生改动则触发重新构建。
命令简写：

webpack -w

使用 webpack-dev-server 辅助开发调试，它是一个基于 Express 框架的 Node.js 服务器。它还提供了一个客户端的运行环境，会被注入到页面代码执行，并通过 Socket.IO 与服务器通讯。
这样服务器的每次改动与重新构建都会被通知到页面上，页面可以随之做出反应。除了最基本的自动刷新，还提供有如模块热替换（Hot Module Replacement）这样强大的功能。

安装：

npm install webpack-dev-server -g

启动：

webpack-dev-server

默认监听 8080 端口
webpack-dev-server 的配置

1. 命令行参数的形式传递
2. webpack.config.js 的 export 中添加字段 devServer 实现。详见官方文档

webpack-dev-server -w

运行效果图