webpack devserver

最新推荐文章于 2023-06-13 09:12:46 发布

别看我也不知道

最新推荐文章于 2023-06-13 09:12:46 发布

阅读量186

点赞数 1

分类专栏： webpack

本文链接：https://blog.csdn.net/wmiaopas/article/details/107358288

版权

12 篇文章 0 订阅

订阅专栏

devServer的一些配置项

运行代码的目录

contentBase:resolve(__dirname,'build')

监视ContentBase目录下的所有文件，一旦文件发生改变就会重载

watchContentBase:true

监视文件

watchOptions:{
	//ignored，忽略某些文件，node_modules不需要监视
	ignored:/node_modules/
}

gzip压缩，把资源压缩得更小

//启动gzip压缩
compress:true

服务器的端口号

port:5000

域名

host:'localhost'

自动打开浏览器

open:true

模块热更新功能,HMR

hot:true

服务器日志

clinetLogLeve:'none'//none为不显示服务器日志

不打印除了基本的启动信息以外的信息

quiet:true

如果出错不要全屏提示

overlay:false

代理服务器，解决开发环境跨域问题

proxy:{
	'/api':{
		target:'http//:localhost:3000',
		pathRewrite:{
		'^/api':''
		}
	}
}

target：
一旦devServer(5000)服务器接收到/api/xxx的请求，就会把请求转发到http//:localhost:3000这个服务器

pathRewrite:
转发请求时，将请求路径重写：将/api/xx改成/xxx/ （去掉/api）

关注