最早一次提交在 2016年 11月。 文档中的一大堆 lets you ，看完以后看没看懂不知道，反正是让我心血澎湃了一会儿。 那么这个东东到底是做什么的呢？让我做为一个"吃螃蟹的"先给大伙体验一番。 首先我去了bit的官网：https://bit.dev（一个很大气的域名）。…

在大型项目开发中，经常会遇到这样一个场景，QA 丢给你一个出问题的链接，但是你完全不知道这个页面 & 组件对应的文件位置。 react-dev-inspector 就是应此需求而生。 可以在 预览网站 体验一下。 需要加一个 webpack loader 去遍历编译前…

1. 整体链路耗较长 2. 页面snapshot的不足 缓存的方案需要用户进入过一次页面，并成功缓存了html才有效，所以该方案无法解决用户第一次进入页面时等待时间较长的问题，且由于使用缓存，若用户清除缓存或是缓存存储失败，那仍然无法减少用户后续进入时的等待时长。 缓存只能存储…

部分小节提供了非常详细的实战教程，让大家动手实践。 另外我还写了一个前端工程化 demo 放在 github 上。这个 demo 包含了 js、css、git 验证，其中 js、css 验证需要安装 VSCode，具体教程在下文中会有提及。 对于前端来说，技术选型挺简单的。就是…

海阔凭鱼跃，天高任鸟飞。Hey 你好！我是秦爱德。😄 上篇文章，介绍了webpack的入门基础配置（传送门🚀🚀🚀）。那现在我们就来讲一讲如何通过优化配置项来提高我们的项目构建性能吧。 从项目实战角度出发，我们更关心的还是从项目开发到发布上线。所以优化项可以分为以下几个维…