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

  • David Iffland
  • 谢丽

2016 年 8 月 23 日

话题:JavaScript语言 & 开发

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

JavaScript语言 & 开发