自Webpack4以后，代码拆分的插件由CommonsChunkPlugin变成了SplitChunksPlugin，并且不必单独引用，集成到了Webpack之中，通过配置下的optimization.splitChunks和optimization.runtimeChunk就…

本文作者是蚂蚁集团前端工程师豆酱，众所周知，antd v5 使用了 CSS-in-JS 技术从而支持混合、动态样式的需求。相对的它需要在运行时生成样式，这会造成一定的性能损耗。因此我们研发了组件库级别

前言 上周在群里突然被 @ 要我查看生产上出现的问题，由于这个项目比较老 (React15)，既没有埋点也没有接入错误监控，于是会得到如下的这样一个提示信息（以下错误是本地模拟的实际生产效果）： 当你

本文介绍了性能工程中的几个定律，了解前端页面性能优化建模的关键步骤， 帮助理解性能优化的重要性和指导优化策略。

真正的可观测性平台应该是解决现代化工程问题，而不是创造问题，本文道出什么是真正的可观测性工程，拨开迷雾见真章。

Electron 可以使用多种工具进行打包，新手往容眼花缭乱，不知如何选择。其实 Electron 打包分两大阵营：社区的 Electron Builder 和官方推荐的 Electron Forge

sourcemap 的作用就是将编译后代码映射为编译前源代码，所以要搞明白 sourcemap 的核心原理，就是搞明白如何将编译后代码映射为编译前源代码，下面让我们看一下其具体的设计思路。

阿里三面的时候被问到了这个问题，当时思路虽然正确，可惜表述的不够清晰 后来花了一些时间整理了下思路，那么如何实现给所有的async函数添加try/catch呢？

引言 给组内的项目都在CICD流程上更新上了性能守卫插件，效果也还不错，同事还疯狂夸奖我 接下里进入我们的此次的主题吧 但是会出现两个问题，如果采用第一种方式，使用lighthouse查看性能指标