本系列文章分为两篇：`理论篇`和`实践篇` 理论篇：介绍pnpm、lerna、typescript 实践篇：业务线中如何配置使用pnpm、lerna以及需要注意的坑 感兴趣的小伙伴赶紧收藏学习吧^_^

小组monorepo单仓采用的是Yarn Workspace包管理策略，随着项目的扩大，逐渐出现了一些问题。在充分调研后，决定将小组单仓的包管理工具由Yarn切换到Pnpm。

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

由于团队内项目体积很大，`webpack`的打包速度非常之慢，采用了部分转换为`esbuild-loader`的方案，编译速度有近一倍的提升。

背景 Next.js 11 已经使用了 swc 替换 babel 进行了 js 代码编译，构建速度提升了不少。于是针对自己的组件库进行了一波优化。 组件库使用了 React + TypeScript

大家好，今天给大家带来 Esbuild 相关的介绍和实践，希望能对你有所启发。## 什么是 Esbuild? Esbuild 是由 Figma 的 CTO 「Evan Wallace」基于 Gola

随着项目的逐步迭代，代码量和依赖的逐渐增长，应用的构建速度逐步进入缓慢期。以目前所在团队的业务应用来看（使用webpack构建），应用整体构建耗时已经普遍偏高，影响日常开发测试的使用效率。

最近一直在尝试对项目构建性能进一步优化， 除了webpack常用的一些优化方式，比如缓存优化、多进程优化等，也尝试在项目内使用swc及esbuild，以进一步提高构建速度

1. 基础 -- 会配置 2. 进阶 -- 能优化 3. 深入 -- 懂原理 一层层晋级打怪 🦖 ，解答不同深度的 Webpack 面试题问题 🤓