这篇文章主要讲如何根据注释，通过babel插件给相应函数插入埋点代码。代码中有两个函数，其中一个`//_tracker`的注释，另一个没有。转译之后只给有注释的函数添加埋点函数

1、什么是 Module Federation？ 首先看一下官方给出的解释： 简单理解就是说 “一个应用可以由多个独立的构建组成，这些构建彼此独立没有依赖关系，他们可以独立开发、部署。这就是常被认为的

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

提到打包工具，可能你会首先想到 webpack。 那没有 webpack 之前，都是怎么打包的呢？ webpack 都有哪些功能？为什么这么设计呢？ 这篇文章我们就来一起探究一下。 其实之前都不打包的

Module Federation 不是 webpack 5 的特性么？它和微前端有毛线关系？ 不着急解释，我们先写个 Module Federation 的 demo 再说。 用 create-re

前言 之前看过我文章随手写了个 plugin，就将小程序体积减少了 120k的小伙伴（没看过的也可以了解下前因后果，说不定以后碰到相同的问题，就能按这种方式解决），肯定知道我们公司的 api 项目因为

上篇文章讲到如何使用webpack5从0到1搭建项目，没有看过的可以点击链接前往食用。花了几天时间开发完项目，很开心地运行打包命令并准备将其部署到服务器，结果打包完惊呆了，发现包的大小是5.59M，打包时间花了15s，这明显是有问题的，有强迫症的我决定对其进行一个比较正式的优化…

陪伴前端开发日常的一定是组件了吧，能提高开发效率，降低代码重复度等，在我司后端，ui，产品都经常说这不就是一个组件么拿来用就好了，但是别让你们内部的组件库成为性能的瓶颈

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