09.webpack5搭建vue环境(三)

1.devServer

1. 什么是devServer？
2. devServer可以解决什么问题？
3. devServer实现的步骤。

devServer：本地服务器

源代码有变动的话，还得在命令行执行npm run build，webpack才会再进行打包。
我们希望文件（代码）发生变化时，可以自动完成编译和展示。

为了完成自动编译，webpack提供3中方式
webpack watch mode ；
webpack-dev-server（常用）；
webpack-dev-middleware；

方式一：webpack watch mode
webpack给我们提供了watch模式:
该模式下，webpack依赖图中的所有文件，一旦有一个发生了变化，代码将会重新编译。不用手动执行npm run build 指令了。

开启watch的两种方式：
（1）在导出的配置中，添加watch ： true；

（2）在启动webpack的命令中，添加--watch的标识。