从零学脚手架(七)---webpack-dev-server使用
如果此篇对您有所帮助,在此求一个star。项目地址: OrcasTeam/my-cli
webpack-dev-server使用
什么是webpack-dev-server
使用vue-cli 、react-cli脚手架时,执行yarn start
命令会启动一个本地服务器,浏览器访问服务器就可以预览代码,并且代码文件更新后页面会重新加载数据,非常方便,这个功能就叫做dev-server。
在webpack中,由webpack-dev-server提供。
webpack-dev-server 库作用开启一个服务器。浏览器访问服务器时,与浏览器使用WebSocket进行长链接。
并且webpack-dev-server 会开启webpack监听本地代码文件功能。当本地代码文件更新后,进行重新打包编译,webpack-dev-server 通过WebSocket将更新模块信息推送给浏览器。浏览器根据此次编译信息,去获取最新代码,一个大致这样的操作。