【万字长文】使用最新的webpack5新特性从零一步一步搭建完整的react18+ts构建环境，完善的模块热替换和构建速度和构建结果的优化。

前端单页面应用（SPA）数量占总数的三分之二以上，导致构建-发布时间过长，且任何微前端组件升级都需重走四个环境的构建发布流程。同时，多环境测试导致测试量级倍增。因此，解决这些问题变得非常重要。

在前段时间的一次面试中，被问到了一个如标题这样的问题。要想好好地去回答这个问题，这里牵扯到的知识点也是比较多的。 那么接下来这篇文章我们就一点一点开始引出这个问题。

前端工作中，不仅编码很重要，重现bug，解决bug的能力同样重要。而这些都离不开代码调试。本文就一些调试技巧做出总结，不足之处，欢迎大家多多补充。

作为前端开发，我们有必要关注我们各个客户端的性能指标，比如白屏时间，最早可交互时间等。 通过性能指标的监控，就能知道我们当前页面性能如何，与竞品相比有哪些差距。本文会介绍常见的性能指标如何获取并分析。

防抖处理是经常会用到的功能，比如处理滚动事件做一些复杂计算，这样就会频繁调用回调函数很容易会造成页面的卡顿，这种情况下，我们更希望把多次计算合并成一次，只操作一个精确点，我们普遍把这种方式称为debounce（防抖）和throttle（节流）。 当持续触发事件时，一定时间段内没…

前端基建是指在前端开发过程中，为提高开发效率、代码质量和团队协作而构建的一些基础设施和工具。下面是前端基建可以做的一些事情： 脚手架工具：开发和维护一个通用的脚手架工具，可以帮助团队快速初始化项目结构

页面引导功能是 web 开发中常见的一个功能。通过页面引导功能，你可以让用户第一时间熟悉你的页面功能。今天给大家推荐一个页面引导库 driver.js。 简介 driver.js 是一款用原生 js

依稀记得在盛夏的傍晚，我坐在慢慢暗下来的客厅，头上还残留着因为紧张流下的细汗，眼睛因为专注而干涩，面对不太看得懂的文档，一遍一遍尝试；我自然不希望大家在这上面浪费时间，这也是写这篇文章的初衷。