devServer配置原创
# devServe
# 介绍
- 搭建客户端服务器模拟真实环境
# 安装
- npm i webpack-dev-serve
devServer:{
static: path.resolve(__dirname,"./目录")
}
1
2
3
2
3
# 配置项
- static:指向当前服务的物理路径
- compress:是否压缩代码
- port:配置服务端口号
- headers:配置响应头
- proxy:配置代理
- https:配置https服务
- historyApiFallback:配置404时默认访问的页面
- host:配置为0.0.0.0,则局域网内用户均可访问
- hot:配置为true,则为模块热替换,只能监测入口中引入的文件。
- 如果修改html则无法监测
- 可以通过将html增加到入口中实现监测
- liveReload:配置为true,则为自动加载,会全局替换不能保留原来的信息