WebPack使用(四)----开发环境

（1）当项目变大，webpack 的编译时间会变长，可以通过参数让编译的输出内容带有进度和颜色。

$ webpack --progress --colors

进度条如下：

（2）如果不想每次修改模块后都重新编译，那么可以启动监听模式。

开启监听模式后，没有变化的模块会在编译后缓存到内存中，而不会每次都被重新编译，监听模式的整体速度是很快的。

$ webpack --progress --colors --watch

（3）使用webpack-dev-server

开发服务是一个更好的选择，它将在 localhost:8080 启动一个 express 静态资源 web 服务器，并以监听模式自动运行 webpack，在浏览器打开http://localhost:8080/或http://localhost:8080/webpack-dev-server/可以浏览项目中的页面和编译后的资源输出，

并且通过一个 socket.io 服务可以实时监听它们的变化并自动刷新页面。

# 安装

$ npm install webpack-dev-server -g

# 运行

$ webpack-dev-server --progress --colors

(4)运行  localhost:8080

更改样式和内容后，页面自动刷新成