37-尚硅谷-webpack从入门到精通-webpack详细配置之devServer

细的是低于server的一些详细配置。之前呢，我们大家看了一下，我们可以回到我们之前第1SERVER。开发的啊，之前呢，我们只写了一个啊post open啊，当然后面还写了啊开启H功能。那么除了这些配置以外呢，第1SERVER呢，其实有非常非常详细的配置，能够指示我们的这个开发服务器呢，到底该干什么活啊？所以呢，我们来写一写它。我们来零五啊，这个五里面把之前的复制一份。那个三十二三十三啊。我来个server。好，在这里面我们去写相关的配置啊。OK，这些注释呢，前面注释我就删掉了，我就不再写了，我们来看下一个配置啊。叫DV server，那么server呢，一定是用于开发服务器啊，所以大家千万不要用于生产环境，是开发环境。

好，第三个呢，我们前面的一些参数呢，用过了我们就直接写了啊，一个叫c base，我们运行的一个根本基本目录啊，运行代码的根本目录，那么一般来讲就是我们购机后代码在哪里，我运行代码的目录就在哪里啊。运行代码的梦。好，然后呢，还有什么呢，还有一个我们之前用过的compress。被对吧，启动GP压缩啊。那么压缩呢，大家都用过啊，比如说把某一个诶文件的压缩，压缩之后体积就小，体积小之后呢，从服务器请求会啊，就是速度就快。快快的话呢，就能让我们看到效果就更快一些，会启动一下压缩啊。除了压缩以外，我们还用过什么，指定一个端口号对吧，比方说五为五开启的服务器的地址是5000啊。方括号。

其实呢，还可以指定house啊，还可指定就是域名，比如说local house。这就域名了啊。域名账号嘛，对吧。好，然后呢，我们还可以指定啊，一个为open为，诶这个呢，大家知道叫做自动打开浏览器对吧。好，我们稍微往下移。除了这些呢，我们还要去看一看我们没用过的功能啊，当然我们最后功能是功。好，那么下面开始我们再研究啊一些其他的我们没有讲过的一些配置啊，比如说跟base呢，绑定在一起的叫做watch base。为，比如说为处啊，这什么意思呢啊，就代表啊，他要做的事是这样的。

是文件目录，Watch呢，就是监视这个文件目录啊。先是这个可能性倍数不动。目录下的所有文件。一旦文件变化，哎，就要做事了啊，就会做到。就会乐的承载啊，就会承载。所以呢，就是这样的watch base呢，就会揭示这个文件的变化，从而呢，一旦变化呢，我就开始重新打包了啊，重新做一些事情了啊，重新刷新浏览器了。除了这个以外呢，我们还要看一些日志方面的一些内容，比方说clients。Lock level。就是咱们wi派，咱们第一在开启的时候呢，会出现很多日志说这个服务器啊，做了什么事啊，开进行到哪个阶段。

但实际上呢，我们是不需要的，所以呢，这个意思就是不需要不要解释啊。这个启动服务器的一些日志。日日。那么你如果写出的话，那就太多了，太凌乱了啊，那么不要他。除了这个呢，还有一个quiet啊，这个呢也是禁止一些东西的啊，为true。翻译过来叫安静的对吧，安静的啊，还有就是。啊，除了一些。一些基本的启动信息以外。其他内容都不要打印。那么这两个相加的话呢，那么基本上呢，我们的DV server呢，就不会显示太多内容啊，在在我们的这个控制台打印的时候呢，只会显示一点点内容了。这样呢，就会变得比较干净一些啊，所以这两个参数。好，这两参数啊，我们还要做的更好一点啊文那我们写在一起，再来一个option。

我们揭示文件的时候要考虑一个问题啊。什么问题呢？我们要忽略某些文件。忽略啥呢？你看我写就知道了啊，忽略modules。这就代表。忽略文件啊。因为我们揭示的时候，只要揭示源代码，不要揭示这些not东西，所以呢，记得把not呢给忽略掉，这样呢它就不会监视，从而呢，这效率呢更加高效啊。当然，将来如果你还有其他文件，你还可以再通过正子的方式把它写的更清楚一点，把其他文件给忽略掉啊，不要再去揭示太多文件了。就是这个啊。然后另外呢，还有一个叫overlay overlay force。啊，什么意思呢，就是啊，如果出错了啊，如果出现错误。对吧，不要全屏提示。

之前呢，我们一旦出现错误啊，就整个屏幕全都是这个红色的报错信息啊，那不好啊，如果出错了，你不要进行全屏提示啊，这样不太好。那么这些呢，就是一些我们可以做的一些基本配置了啊，就是忽略啊一些。日志信息不要提示这么多，然后呢，一定要揭示文件，并且呢，揭示的时候要忽略这些文件。然后出错的时候呢，不要全屏提示啊，你只要给我在日志中打印出来就好了。那么最后一个呢，也是一个我们非常实用的功能啊，叫做。服务器代理。那么它的作用呢？就是专门用来解决我们的开发环境。开发环境。咱们的咱们的跨域问题的。啊，就是解决我们的开发环节的一个跨域问题。

这是个代理服务器process，那么如果同学用过view的话呢，就会发现view的配置呢，跟这个是类似的啊，是一模一样的。比方说我们写个API开头key呢，写个API开头啊。只那么一个对象对吧，Target写个地址。比如说HTTP冒号斜杠，斜杠3000。好，这句话的意思呢，就是。一旦。咱们的这个服务器啊，这个。这个服务器啊。我指定。接收到请求。交到什么请求？API开头的请求。就会把。请求转发到另外一个服务器。哪个服务器呢，3000呗，这写的很清楚，转到3000了。

做事。啊，所以说他说这个服务器啊，请求转发。并且呢，我们可以在这里写一个参数啊，叫做pass rewrite。它rise怎么办呢？诶我们这个以斜杠API开头对吧。API开头的啊，我们我们给去掉。给去掉。好这个意思啊，就是。啊，发送请求时。啊，路径重写。请求路径重写啊。能写什么呢？就是。将。斜杠。对调写边，这里叫做路径重写，Pass啊，路径重写。

那么这个代理服务器大家也清楚啊，就是我们啊，正常浏览器和服务器这些通信的时候呢，是存在跨域问题的。而话域呢，指的是那个同源策略啊，比如域名符端口号，或者是咱们的协议名不一样，那么就会产生话孕。浏览器和服务器之间是有话语，但服务器之间和服务器之间是没有话语的。而我们的代码呢，是通过这个代理服务器运行，所以我们的浏览器和代理服务器之间是没有换问题。好，所以代理浏览器可以把请求发送到代理服务器上，好，代理服务器呢，替你转发到另外一个服务器上。而服务器和服务器之间请求呢，也没有问题，所以请求成功。然后代理服务器呢，再把接收到响应呢，再响应个你浏览器，从而解决我们开发环境下的一个会议问题。所以如果你要配置这个开发环境的化学问题呢，可以设置这个process这个参数，那么就可以解决了。好了，那么这以上呢，就是一个较完整的一个DB server的一个配置方案啊，他忽略了一些打印信息，然后呢，忽略了一些某些文件不进行监监视。

然后呢，同时设置了这个代理方案，让我解决开发环节的问题。啊，当然如果你开发，如果你没有话语问题，那这个配置呢，可以不写，那么如果你有话语问题，那么这个配置呢，能够帮你更好的去啊去做一些事情。好了，那么这以上就是我们第server的一些详细的配置了。更多的配置还是那句话，大家可以去看官方文档，官方文档上面呢应有尽有。