hoperyy

commander.js 7.0.0 版本的核心代码就一个文件 index.js，2200 多行代码，代码的注释比较丰富，代码可读性也是不错的，感兴趣的同学可以通读一下。

前端团队在实现工程化的 Cli 套件、Node Server 等系统时，为了满足功能的开放性，通常有三种方式：配置化、插件化、配置与插件的结合。 顾名思义，用户在使用的时候，通过工具暴露出的配置文件进行各类快捷配置，实现对工具的影响。 而工具的核心功能，内置于工具模块内部，其逻…

微店前端工程化起步于一个内部产品 vbuilder，对外我们有一个开源版本 bio-cli。 去年我们也写过一篇文章介绍该产品： bio: 一站式前端开发工具。 这么长时间过去了，我们在前端工程化方面有了哪些变化、遇到了哪些问题、用怎样的方案解决这些问题等等，值得为大家再分享。…

业务逻辑中，在处理接口数据的时候，除了要处理正常情况，也要处理异常情况。 处理方案多种多样，在这里介绍一个我常用的方案，在该方案中，业务代码只需处理数据正常的情况，无需处理：数据异常、接口请求报错（try catch）等。 以 Vue 项目为例。 业务代码中只需要处理 res …

在我从事 2 年团队基础工具建设后，最近 3 个月我的主要精力投入在了业务开发上。而这段时间慢慢让自己从工具的开发者变成了工具的使用者，并让我有了技术与业务之间关系的一些思考。 对于前端开发而言，大部分需求的实现方式是类似的，可重合的。即使需求时间本身并不着急，但对于前端开发者…

前端开发一站式解决方案。 使用 bio，您将只需关注业务逻辑，无需关注脚手架配置信息，即可快速完成前端开发。 额外的，bio 提供了 eslint、styleint 检测、mock 服务。 初始化项目目录。 在本地安装脚手架，以确保脚手架存在。脚手架安装在 bio 缓存目录（/…

webpack 的使用其实并没有太多难点，对于开发者来说，webpack 是一个黑盒，按照官方配置即可快速的配置开发环境。 同样的，如果使用过程中有一些不常见的报错或异常行为，这个 webpack 黑盒 产生报错或异常的原因就较难排查。 比如，如果文件 index.js 在被修…