前端 Bundler，即前端打包工具，webpack、Rspack、Turbopack、SWCPack、Vite、ESBuild、Rollup... 这么多 bundler 怎么选

大家都用过组件库，react 流行的组件库有阿里的 ant-design、字节的 semi-design、arco-design 等。 那这些组件库都是怎么打包的呢？ 我们自己写个组件库的话，怎么写打

浏览器的发展永远跟不上语言的发展，es6+虽然很普及了，但也不是所有浏览器都可以支持es6+语法。babel的诞生就源于此。 Babel 是一个工具链，主要用于将 ECMAScript 2015+ 版本的代码转换为向后兼容的 JavaScript 语法，以便能够运行在当前和旧版…

你知道么？你在 vite 项目中写的高版本 ECMAScript 语法，可能根本无法使用，本人详解了原因和解决方法，希望对 vite 开发者有所帮助

现在前端项目的开发过程离不开构建工具，面对琳琅满目的构建工具我们该如何选择最合适的是一个问题。在研究各种配置之余，我们去研究一下构建工具发展过程、底层原理，面对一些问题的时候往往事半功倍。

告别复制粘贴，读完这篇文章，你会对Babel各配置有一个系统的理解，并且还可以自己配置一个Babel

本文从工程化的角度出发，帮助我们找到构建产物体积变大的常见原因和对应的解决思路，减少项目代码构建后的体积

本项目是淘系用户增长团队的一个大中台系统，单页应用，涵盖很多业务功能，运用了很多懒加载页面组件来提升性能，首屏时间 1s 左右，体验良好。然而大项目文件很多，导致构建和发布时间很长，内存占用较大。我的任务是尽可能优化与此相关的问题。 首先不难发现问题并不在用户体验上，而在于开发…

nginx 动态压缩，对每个请求先压缩再输出。 nginx 静态压缩，使用现成的扩展名为 .gz 的预压缩文件。 ngx_http_gzip_static_module 模块允许发送扩展名为 .gz 的预压缩文件，而不是常规文件。 默认情况下未构建此模块，应使用 --with-…