授人以鱼不如授人以渔.先学会用，在学原理，在学创造，可能一辈子用不到这种能力，但是不能不具备这种能力。这篇文章主要是沉淀使用nginx+lua+redis实现灰度，当我们具备了这种能力，随时可

OK，如果你不是特别清楚，那接着往下看吧，下面我们会拆开vue-loader的代码，看看SFC内容具体是怎么流转转换，顺便还能学学 webpack loader 的编写套路。 如代码第16行，定义pitcher对象，指定loader路径为 require.resolve('./…

本文整理自字节跳动 Web Infra 前端负责人张磊在 QCon 2024 的演讲分享 "Rust 如何引领前端基建新潮流以及字节跳动的应用"

Rspack 是一个基于 Rust 的 Web 构建工具，它最大的特点是惊人的构建速度。在最近的一年内我们把大部分项目都迁移到了Rspack/Rsbuild，迁移后带来的开发体验提升非常明显。

说到webpack的性能优化，其实就是从时间层面与体积层面入手。对于时间层面主要就是优化webpack的构建速度（缩短构建时间）。对于体积层面主要就是优化webpack的构建结果（缩小构建结果）

1.前端常见工具之间的定位与联系，如webpack、rollup、vite、vue-cli等。 2.从运行原理、构建方式、HMR热更新机制、使用成本等方面逐一去分析，vite与webpack之间的差异

webpack5升级有哪些问题，升级webpack5之后如何做性能优化，哪些优化项是比较重要的？这篇文章告诉你答案

什么是前端埋点？怎么统计前端埋点数据？怎么上报平台并查看数据？手把手教你从零到一完成项目埋点，跟着文章步骤来你也可以完成一个项目的埋点

JSDoc 和 TS 能力的打通，意味着前者书写方式的简化和现代化，也让后者有机会零成本就能下沉到业内大部分既有的纯 JS 项目中