下面是几种为了监听文件和起服务用到的几种方法

官方文档链接 上面有写好的demo
image.png

一、watch

之前直接在package.json 中设置—watch 也可以
image.png

二、devServer

在package.json中配置脚本命令
image.png
webpack.config.js中，当然—inline —hot也可以写在脚本命令中 -》webpack-dev-server —inline —hot
image.png

proxy

proxy:{
“/api”:{
traget: “www.baidu.com”,
changeOrigin: true, //默认为false显示浏览器发过来的ip（本地就是127.0.0.1） true显示www.baidu.com
pathReWrite: {“/api”, “”},///api只是作为区分路由和接口的方式 不然路由和一些静态资源都被代理了
}
}
porxy官方文档
demo test.zip

三、利用webpack-dev-middleware和express自己写一个webpack-dev-server

原理其实利用http和webpack-dev-middleware自己做一个服务器
官方文档链接 上面有写好的demo 不过这个方法有一定缺点 不能使用像webpack-dev-server的inlne hot这种属性，需要自己刷新页面，说明自己写一个完整的webpack-dev-server还是需要很多代码的，暂时了解就好
package.json
image.png
server.js
image.pngpublicPath属性亲测不加也行，默认入口就是打包后的文件
demotest.zip