① —watch

② wp 配置 watch

③ live server

① ② ③ 都有一个共同的缺点，如下：

image.png

且不可以局部刷新

④ webpack-dev-server

wp4：webpack webpack-dev-server
wp5:
image.png

报错：npx webpack serve

image.png
image.png

解决：

image.png同时，yarn一下
可以发现有几个更新的包，然后再最新 npx webpack serve 即可

正确 执行

默认执行 npx webpack serve 会找 webpack.config.js 文件，如过文件名变了需要配置·
"serve": "npx webpack serve --config ./zsh.config.js"

现象
不会生成 目录，webpack-dev-server 会在内存当中生成及处理，

webapck-dev-middleware(middleware: 中间件)

配合 express 开启一个本地服务，将编译后的文件运行于其上
image.png