webpack4.x - 5 webpack-dev-server的使用

背景

不管是前端还是服务端，现在都流程热部署。那么webpack是否有呢，因此我们引入webpack-dev-server.

webpack-dev-server是一个最常用的插件，一般来说，这个插件，大家都会用，特别是开发环境下。

安装webapack-dev-server

全局安装：

npm install webpack-dev-server -g

成功安装日志：

+ [email protected]
added 390 packages from 269 contributors in 30.338s

再次执行(前面几篇文章说过了，否则会报错)：

npm link webpack --save-dev

webpack-dev-server代替webpack

我们之前使用 webpack --mode development 来在开发环境下编译静态文件，但是这个功能，完全可以用 webpack-dev-server 来代替,这样我们就可以直接用npm run dev开启。

package.json配置文件的scripts对应节点改成：

"dev": "webpack-dev-server",

上面这样修改之后，就可以通过webpack-