(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
更改样式和内容后,页面自动刷新成