webpack dev server 2.0 有什么新的变化
hzuhyb opened this issue · comments
我们在webpack dev server 2.0做了一些有趣的变化，希望这能使你作为一个开发人员来说可以开发地更加容易。在这篇文章中，我想告诉你webpack deve server 2.0的变化，并指导你解决几个突破性的变化。
首先，让我自我介绍一下。在我的日常工作，我已经使用 webpack dev server 近两年了。我贡献了一些东西，但我想做更多。上个月，我决定加强，现在维护webpack dev server和webpack dev中间件。
我想向你们展示，即将到来的webpack dev server 2.0版本有几个突变和一些很好的改变。
注意2.0仍然是一个候选版本。当webpack 2 的稳定版本发布时，它也将被发布为稳定的版本。
突破性的改变
兼容性
webpack dev server 2将只与webpack 2兼容。
内联模式默认启用
对于CLI用户，内联模式现在默认启用。这意味着您可以从命令行中删除 -inline。如果你不想使用内联，添加 -no-inline 作为标志。
对于Node API用户，没有任何更改。
没有覆盖output.path
使用CLI时，你的webpack配置中的output.path将始终被覆盖为“/”。在许多情况下，这引入了意外的行为或简单地打破了插件。
如果您想要旧的行为，请将output.path设置为“/”。如果您不想的话，请确保output.path是绝对路径。
Node API的用户再次轻松：没有任何改变。
删除contentBase作为代理
在以前，您可以使用URL作为contentBase。
现在请改用代理选项吧。它可以做同样的事情，但是这方式更加强大。
好的改变
减少控制台垃圾信息
你可能会注意到停止webpack dev server后，DevTools中的控制台会随着时间的推移而收到垃圾消息，有上千条关于重新连接失败的错误消息;
这在以前的行为中，一小时后的控制台就会有大规模垃圾消息。我肯定这里有一个有用的应用程序错误在某处！
但不幸的是，它是不可能隐藏这些错误，但我们现在使用一个叫做“back-off”的算法，这算法起到指数延迟重试的作用，最多10次。
此外，“[WDS] Disconnected!”现在将只显示一次。
控制台中的消息更少
我从你的声音中听到有些人不想在webpack dev server的控制台中有任何消息。
现在有一个clientLogLevel选项（— client-log-level for CLI），它允许您在浏览器中控制日志消息。
配置验证
webpack 2引入了配置验证。例如，如果您尝试使用不存在的选项，它将抛出一个错误。这有助于防止你不得不费脑苦心的质疑为什么这个选项不工作！ webpack-dev-server也将进行配置验证。
端口8080已在使用中？别担心
默认情况下，webpack-dev-server总是使用端口8080来启动服务器。如果该端口已在使用，它将无法启动。现在，它将继续搜索，直到找到一个未使用的端口。
与Web工作者和非Web平台的兼容性
webpack dev server 以前不能与Web Workers，或非Web平台一起正常工作，如Electron或Ionic。
现在支持这些平台了，**Hot Module Replacement**也可以和它们一起使用工作。
HTTP/2
最后一个测试版引入了对HTTP / 2的支持，这要归功于node-spdy。
由于HTTP / 2仅适用于加密，因此只有在使用https选项（对于CLI为https时）才会启用。
我们认为你会喜欢它。 - Tim Cook（蒂姆·库克）
这些只是亮点。查看所有更改的更改日志。
下一步是什么
我们知道 webpack dev server仍然是不容易设置的。
修复此问题的第一步将是配置验证。例如一些路径不能是相对的，一些选项不能一起使用。这是目前很容易配置错误的地方。如果您有确认的具体想法，随时加入讨论！