前言 随着RN项目越来越大，打包速度也越来越慢，经常需要十几分钟，有的人的电脑比较垃圾，在本地打包的时候甚至需要花费半个多小时。 在发布生产的时候，时间花费并没有太大影响，如果是在测试阶段，一个简简单

致力于用最通俗易懂的前端语言帮助更多前端开发者探索编译世界：前端工程师的编译原理指南-「有限状态机」。

Tree-Shaking这个名词，很多前端coder已经耳熟能详了，它代表的大意就是删除没用到的代码。这样的功能对于构建大型应用时是非常好的，因为日常开发经常需要引用各种库。但大多时候仅仅使用了这些库的某些部分，并非需要全部，此时Tree-Shaking如果能帮助我们删除掉没有…

最近在项目不时有用到骨架屏的需求,所以抽时间对骨架屏的方案作了一下调研,骨架屏的实践已经有很多了,也有很多人对自己的方案作了介绍.在这里按照个人的理解做了一个汇总和分类,分享给大家. 骨架屏就是在页面数据尚未加载前先给用户展示出页面的大致结构，直到请求数据返回后再渲染页面，补充…

理想很丰满，现实很。。。，如何才能够让开发者和使用者都能够开心呢，jslib-base通过babel+rollup提供了解决方案

如果大家看过一些 webpack4 优化的文章，一定会出现 dll 动态链接库。它以配置之复杂让众多初学者记忆犹新。今天我会以一个学习者的角度去一步一步探讨 webpack dll 的配置，最后得出一

整个酷家乐主站有 100+ 页面，而且所有的页面都在同一个业务 repo 里，并且按照所属业务的不同划分了不同的页面目录，比如户型库、酷家乐大学等等，我们有着统一的 def-cli 命令行工具，它提供了工程开发各个生命周期（dev、build、deploy等）的支持，比如在命令…

随着前端构架工具的不断发展，提供了很多提高我们的开发体验和开发效率的能力，同时构建已经成为前端技术栈中常见的技术。 webpack 也是众多构建工具中崭露头角一员，早期的 webpack 配置复杂难懂，随着其发展，相关配置也不断简化，性能也不断提高，但是对于深入使用的开发人员，…

Webpack 通过 Plugin 机制让其更加灵活，以适应各种应用场景。 在 Webpack 运行的生命周期中会广播出许多事件，Plugin 可以监听这些事件，在合适的时机通过 Webpack 提供的 API 改变输出结果。 Webpack 启动后，在读取配置的过程中会先执行…