这两天在组里协助排查一个 webpack dev 环境下重载时内存溢出的问题，现象是 webpack-dev-server 启动的过程中，在 node 10.xx 的环境下，一旦修改文件工程自动 reload 时会出现内存溢出导致服务直接中断。

排查原因，最终发现原来是脚手架在配置开发环境的 devtool 配置时，为了方便开发者 DEBUG，设置成了 cheap-module-source-map ，在代码修改时触发自动 load，在 loader 编译映射 sourcemap 的时候溢~出~了~，本文不会说明为什么溢出，排查的过程以及解决，其实花的时间也不长，重点说明一下 sourcemap 的作用以及使用过程的几点个人思考。

以下规则很受用，不分语言，甚至有一些规则可以作为日常做事的原则，日后逐条对应写一些个人的理解。

有关 UNIX 编程的规则（摘自原文）：

本篇是总结一个旧项目，项目在 2019 年 Q3 开发并上线运营，经历两个月迭代后目前已交接给其他团队维护，整理个人草稿箱发现这边还没有完成的总结，补充一些内容更新至此，内容应该是顺着回想起细节，后面再补充。

关键词：中后台系统、从零到壹

读书笔记《Redis 入门指南》 李子骅. Redis 入门指南（第 2 版）（异步图书） (Chinese Edition) (Kindle Locations 627-632). 人民邮电出版社. Kindle Edition.

前阵子部门团建要去外地，路上大巴车来回有将近 6、7 个小时的空闲时间，排除和身边人玩 Switch 的时间，大部分时间都用来速读一本纯技术类工具书，《Redis 入门指南（第 2 版）》，粗略自己摘录并且记录一些读书笔记，记录于此，以备自己方便查阅。内容可以较多但仅限个人记录一定有所疏漏，还是建议使用到 Redis 的开发者朋友，使用 Dash 或者其他查看 API 一类工具放手边随时查阅。

写在前头

前阵子一直和组里的小伙伴共同“造轮子”，开发并维护了一套 PC 端 React UI 组件库，经过了一段时间的折腾，组件库从之前的 0.x、1.x 再到最近发布的 2.0.beta 的一个过程，这其中很多东西值得拿出来分享和讨论，有好的有失败的，今天就把组件库开发过程中的 DEMO 实时重现以及后期文档站的建设的技术选型以及实践简单做一个记录总结和大家一起做一个讨论。

调研和选型具体细节，后面找时间再梳理输出另外一篇文章，这里介绍在使用 Storybook 5 的过程中的一些问题点以及经验分享。

截止文章编写时 Storybook 6 正在进行 rc 版，作者也经历过将之前项目的 5.2.x 升级到 5.3.x 过程的阵痛，网络上关于使用 Storybook 的问题文章也比较少，除了 Storybook 官网文档以外一些问题点记录，因此成文，感兴趣可以继续阅读。有关 UI 组件库的建设，这里不做深入讨论。（就是我们暂时先不讨论 WHY 的问题，本文只讨论 HOW。）

ESLint 为团队和项目带来的益处，这里不多说，本文主要是个人近期修改项目代码一些错误修改整理的内容。

备注：尽量使用默认 Prettier 规则，根据实际情况略有调整。项目技术栈 React, Redux, Redux-Sagas, TypeScript。