BT

如何利用碎片时间提升技术认知与能力? 点击获取答案

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

| 作者 David Iffland 关注 4 他的粉丝 ,译者 谢丽 关注 9 他的粉丝 发布于 2016年8月24日. 估计阅读时间: 3 分钟 | Google、Facebook、Pinterest、阿里、腾讯 等顶尖技术团队的上百个可供参考的架构实例!

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

评价本文

专业度
风格

您好,朋友!

您需要 注册一个InfoQ账号 或者 才能进行评论。在您完成注册后还需要进行一些设置。

获得来自InfoQ的更多体验。

告诉我们您的想法

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我
社区评论

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

讨论

登陆InfoQ,与你最关心的话题互动。


找回密码....

Follow

关注你最喜爱的话题和作者

快速浏览网站内你所感兴趣话题的精选内容。

Like

内容自由定制

选择想要阅读的主题和喜爱的作者定制自己的新闻源。

Notifications

获取更新

设置通知机制以获取内容更新对您而言是否重要

BT