webpack-dev-server实现自动编译and刷新它实现了自动打包，并把打包后的文件部署到一个 http se

webpack-dev-server 是一个集成自动编译和自动刷新浏览器等功能的开发工具！！

它实现了自动打包，并把打包后的文件部署到一个 http server【服务器】上
可以自动监听代码变化，代码变化会自动重新打包！！！

注意：

webpack-dev-server 实现的打包并不会输出打包结果，【即它并没有把打包结果放到磁盘中，而是短暂地放到了内存中】

<1> 完善之静态资源的处理

webpack-dev-server 默认只会部署打包生成的文件，所以那些public 目录下的静态资源需要单独处理一下！！！

     - 此时会有疑问？？我们之前不是学了 `CopyWebpackPlugin` 插件么，它不是可以把静态资源直接拷贝到打包后的目录下么？？？
     - 是这样的，但这个插件我们一般只在准备打包上线的最后一次使用，【因为每次重新打包，都要重新拷贝一份，万一静态资源有变动呢】
     - 所以我们就可以去对 webpack-dev-server 进行配置，如下：

这样即可，这样就可以了！！

<2> 完善之实现代理API

往往我们的项目和API会部署在同源地址下面。这样的话，`在生产环境中，我们可以正常访问 API ，但是在本地开发环境中，我们想要去访问 API ，就会出现跨域问题了！！！

当然如果 API 支持跨域资源共享【CORS】，那么该问题就迎刃而解了！！！

如果不支持呢？ --- 可以通过代理来解决，且 webpack dev server 支持配置代理！！