最近，JavaScript 工具生态系统中出现了一个新成员——Bun。它的目标是让整个 JavaScript 开发过程更加快速，这是一个全能的工具，它不仅加快了编译和解析的速度，还提供了自己的依赖项管理器工具和捆绑。 JavaScript 工具的未来将离 JavaScript 越来越远，一些工具 ...

与许多大规模公司一样，随着代码库不断变大，爱彼迎也在打包工具方面经历了阵痛。即使代码库增至四倍，爱彼迎在2018年将JavaScript代码打包工具从Webpack迁移到Metro后，还是加快了对前端的UX更改。 构建性能显著提升后，从交互时间（TTI）这个指标来看，UI更改 ...

webpack-dev-server 同时还开启了 watch 模式，当发生变化时重新执行完构建后通知 webpack-dev-server。 webpack-dev-server 会让 webpack 在构建出的 JavaScript 代码里注入一个代理客户端用于控制网页，网页和 webpack-dev-server 之间通过 WebSocket 协议通信， 以方便 ...

前阵子在和朋友聊 Webpack 的时候，突然提到 Tree Shaking，但很惭愧的是我没有办法好好说明 Webpack 是如何做到 Tree Shaking 的，因此就趁这个年假的第一天抽空读 Webpack 的文件，然后把理解到的心得写下来，如果你也有兴趣，就一起看下去吧 。 前阵子在和朋友聊 ...

在分析一些站点的 JavaScript 代码时，比较简单的代码，函数通常都是一个一个的，例如： 但是稍微复杂一点的站点，通常会遇到类似如下的代码结构： 这种写法在 JavaScript 中很常见，对于熟悉 JavaScript 的人来说可能非常简单，但是爬虫工程师大多数都是用 Python ...

想不到webpack比我想象中要难一点。 webpack是一个现代的**JavaScript应用程序的模块打包器**(module bundler)。但随着它的发展，有向前端代码管理工具演变的趋势。 对于一个网站而言，之前的管理方式是：HTML文件、CSS样式、JavaScript文件、图片文件各自都是独立的 ...