Web开发

首页 » 常识 » 问答 » Webpack教程使用开发服务器
TUhjnbcbe - 2021/3/31 15:36:00
我国著名白癜风专家         http://pf.39.net/bdfyy/dbfzl/171218/5941745.html

在开发前端应用的时候,我们需要不停的在刷新浏览器来查看最新的编译效果。本篇介绍在Webpack中如何实现自动刷新。

Webpack的watch模式

在watch模式下,每当项目中的文件发生变化,Webpack都会重新编译输出新的内容。我们可以在配置文件中设置watch的值为true或者在命令行工具中指定--watch参数来开启watch模式。

开启watch模式可以解决文件发生变化之后Webpack自动编译的问题,但是如果做到自动刷新浏览器呢?

Webpack-dev-server

Webpack-dev-server是官方维护的开发服务器,它的输出结果保存在内存中,也就是说构建出来的bundle不会输出到文件中。在使用Webpack-dev-server的时候,如下选项需要额外

1
查看完整版本: Webpack教程使用开发服务器