Webpack Dashboard提供了比控制台输出更好的用户体验

Webpack UX 用户体验

摘要

Webpack Dashboard是一款新工具，旨在为那些使用广受欢迎的Webpack模块管理器的用户提供更好的用户体验。

正文

Webpack Dashboard是一款新工具，由于开发人员对当前控制台工具的用户体验感到失望，所以它迅速地流行了起来。

Ken Wheeler是Formidable的开源主管。他表示，虽然Webpack在终端输出中提供了“足够的信息”，但仍然不能满足他的需要：

我一直觉得很难从中找出任何有用的信息，只能等到构建结束，然后向上滚动，直到找到我想要的信息。

Wheeler决定构建一个工具，能够以一种更紧凑、更有条理的方式显示信息。Webpack Dashboard以功能强大的blessed库为基础构建，为Webpack构建提供了一目了然的信息，其中包括构建过程和状态、日志和构建涉及的模块列表。

该项目的流行似乎是因为触到了社区的痛处。对此，Wheeler并不感到惊讶。他告诉InfoQ，“我认为，社区渴望更好的开发体验，而在众多可以提升体验的工作中，这只是一件小事”。Facebook工程师Dan Abramov注意到了这种反应，他在推特上说，人们“对于提升开发工具的用户体验有着巨大的需求。”

Webpack Dashboard：2天内3000星。人们对于提升开发工具的用户体验有着巨大的需求。请注意！https://t.co/QLY6qrODZK pic.twitter.com/AgRWA9o8TM

— Dan Abramov (@dan_abramov)，2016年8月16日

社区中有人对于该工具的有用性提出了质疑。在Hacker News上，Kris Siegel评论说：

在安装并启动webpack之后，人们真的会查看终端，以确定它是在重新编译，还是做其他的什么操作吗？至少我没听说任何人那样做过。你真的不会频繁地查看有没有什么重要的信息，除非你是在查找错误或类似的东西。

Wheeler已经有了更多的计划：

我已经创建了一个PR/branch，目标是简化API和配置，使用单独的进程运行Dashboard，通过sockets（放松，没有破坏性修改）和webpack通信。这应该可以解决很多边缘情况，也许能加速事情进展。接下来，我希望创建一个最小模式，就是不像现在这样全屏显示。将来？我想创建一个API，用户可以通过它定制显示面板，并连接到webpack之外的其他工具。

Webpack是一个模块管理器，在JavaScript开发社区迅速获得了立足点，尤其受React开发人员欢迎。

查看英文原文：Webpack Dashboard Improves UX Over Console Output