在开发前端应用的时候,我们需要不停的在刷新浏览器来查看最新的编译效果。本篇介绍在Webpack中如何实现自动刷新。
Webpack的watch模式
在watch模式下,每当项目中的文件发生变化,Webpack都会重新编译输出新的内容。我们可以在配置文件中设置watch的值为true或者在命令行工具中指定--watch参数来开启watch模式。
开启watch模式可以解决文件发生变化之后Webpack自动编译的问题,但是如果做到自动刷新浏览器呢?
Webpack-dev-server
Webpack-dev-server是官方维护的开发服务器,它的输出结果保存在内存中,也就是说构建出来的bundle不会输出到文件中。在使用Webpack-dev-server的时候,如下选项需要额外