madebyevan.com

esbuild 是 Evan Wallace 发起并持续开发的开源 JavaScript 与 CSS 打包器，核心目标是大幅提升前端构建工具的速度。它出现在 Made by Evan（madebyevan.com）的个人项目列表中，属于“Compilers”分类，时间标注为 2020 年至今，是 Evan 自述中“最大的开源项目”。如果你在找一个能替代传统打包流程、显著缩短构建等待时间的工具，esbuild 是值得优先了解的选项；但具体是否适合你的项目，还要看构建配置、插件生态和产物兼容性要求。

esbuild 在 Made by Evan 网站上的定位

Made by Evan 是 Evan Wallace 的个人作品集网站，页面标题为“Evan Wallace”，按 Professional Work、Compilers、Graphics、Games、Apps 分类展示他的项目。esbuild 被放在 Compilers 分类下，与 Skew 编程语言并列。网站对它的描述包含几个关键信息：

• 身份：Evan 最大的开源项目。
• 功能：非常快的 JavaScript 和 CSS 打包器。
• 目标：开启构建工具性能的新阶段。发布时，常用 Web 开发工具比 esbuild 慢 10–100 倍。
• 入口：页面提供“Visit website”链接，指向项目站点。

也就是说，这个网站不是 esbuild 的官方文档，而是作者本人对项目的简要介绍和跳转入口。想查 API、插件或配置细节，需要从该链接进入 esbuild 自己的网站。

esbuild 解决什么问题

前端项目通常需要把多个 JavaScript、CSS 模块合并、转换并输出为浏览器可加载的文件，这个环节叫打包。传统工具在大型项目中可能让每次构建等待数秒到数十秒。esbuild 的定位就是把这个环节的速度提升一个数量级。

网站给出的“10–100 倍”是作者发布时的对比描述，属于项目自述，不是第三方基准测试结论。实际提速幅度取决于项目规模、配置复杂度和所用插件。例如一个包含大量模块、需要频繁重建的开发场景，速度差异通常比小型项目更明显；而如果项目依赖大量自定义插件，插件本身的开销可能抵消部分收益。

与 Evan Wallace 其他项目的关系

esbuild 不是孤立作品。同一网站还列出：

从 Skew 到 esbuild，可以看出 Evan 在编译器和性能优化方向上的持续投入。esbuild 用 Go 编写（这是项目本身的公开信息，网站摘要未展开），追求并行化和低开销，这与网站强调的“性能新阶段”一致。

怎么进一步了解或使用 esbuild

网站本身只提供简介和跳转，不提供安装命令或配置文档。可按以下路径推进：

1. 从 Made by Evan 进入项目站点：在 Compilers 分类下找到 esbuild 条目，点击“Visit website”。
2. 查阅官方文档：在项目站点获取安装方式、CLI 用法、JavaScript API 和插件接口。不要以个人作品集页面的简述作为配置依据。
3. 在小项目中验证：先用一个现有项目或最小示例跑一次构建，对比构建耗时和产物差异，再决定是否迁移。
4. 检查兼容性：确认你的构建流程是否依赖特定插件、装饰器、CSS 预处理或自定义加载器；esbuild 的插件生态与老牌工具不完全一致，迁移前要逐项核对。

常见卡点包括：插件缺失导致某些文件类型无法处理、产物目标环境配置不当、与现有开发服务器或测试流程的集成方式需要调整。这些都需要以 esbuild 官方文档为准，而不是从作品集页面推断。

一句话判断

如果你需要的是一个由 Figma 联合创始人发起、以极致构建速度为目标的开源打包器，并且愿意按官方文档做兼容性验证，esbuild 值得进入候选清单；如果你只是想知道 madebyevan.com 上这个条目是什么，它就是 Evan 对该项目的简介入口，详细使用信息在项目自己的网站上。

Made by Evan（madebyevan.com）是 Evan Wallace 的个人项目展示站，其中“Graphics”板块集中收录了 4 组 WebGL 图形实验：WebGL Water（2010）、WebGL Path Tracing（2010）、WebGL Image Filters（2011）和 Shader Articles（2015）。这些项目都是浏览器端实时渲染演示，页面提供 “View demo” 或 “View demos” 入口，可直接在支持 WebGL 的浏览器中打开体验。它们属于技术实验与代码示例，不是面向普通用户的图形软件产品。

四个 WebGL 项目分别是什么

WebGL Water：实时水面渲染实验

这是 2010 年的 WebGL 实时水面渲染实验。作者明确说明重点在渲染而非物理模拟，因此水面行为并不追求真实。技术实现上，水面高度场用浮点纹理模拟，焦散效果通过 GLSL 导数函数渲染。适合想看 WebGL 如何做实时水面与光学效果的读者，页面提供 “View demo” 入口。

WebGL Path Tracing：实时路径追踪光照演示

同样是 2010 年的项目。路径追踪是一种模拟光线在场景中反复反弹的真实光照算法，这个演示用 WebGL 实现实时性能，并支持漫反射、镜面反射和光泽表面三类材质。想了解浏览器端实时光线追踪能做到什么程度，可以从这个演示入手。

WebGL Image Filters：浏览器端实时图片滤镜

2011 年发布，提供 10 种不同的图片滤镜，在浏览器中实时调整照片。它完全在客户端运行，用 WebGL 加速，源码开源于 GitHub。作者记录该项目是为纽约 HackNY 黑客松从零开始 24 小时内写成，并获得第二名。适合需要“纯前端、不上传图片”的滤镜实现参考。

Shader Articles：着色器代码示例合集

2015 年发布，是一组有趣的着色器代码片段合集。所有演示均使用 WebGL，并可在主流浏览器中运行。相比前三个完整项目，它更像可拆开学习的代码素材库，页面提供 “View demos” 入口。

一览对比

使用前需要知道的条件

• 浏览器要求：这些演示依赖 WebGL，需在支持 WebGL 的浏览器中打开；资料未提及具体浏览器版本要求。
• 访问方式：通过各项目页面的 “View demo” / “View demos” 链接进入，无需安装额外软件。
• 性质定位：均为实验性演示与代码示例，WebGL Water 的水面行为本身不追求物理真实；不要按生产级工具预期使用。
• 源码情况：资料仅明确 WebGL Image Filters 在 GitHub 开源，其余项目的源码获取方式未在页面资料中说明。

这些项目与站点其他内容的关系

Graphics 只是 madebyevan.com 的一个板块。同一站点还展示了作者的专业工作（Figma 联合创始人，2012–2021，主要贡献渲染引擎、多人协作服务、矢量与文本编辑器、插件系统）、编译器项目（esbuild、Skew 语言）、游戏（Robots Are People Too）和应用（Tagception、Source Map Visualization）。如果目标是了解 Evan Wallace 的技术背景，WebGL 系列反映的是他在图形渲染方向的早期积累；如果目标是找可直接运行的 WebGL 示例，从上面四个演示入口进入即可。

Made by Evan（madebyevan.com）是 Figma 联合创始人 Evan Wallace 的个人项目展示站。站上列出的游戏只有一个——2010 至 2011 年开发的横版平台游戏 Robots Are People Too；App 类项目有两个：2022 年的 macOS 标签管理工具 Tagception，以及 2021 年的高性能 source map 可视化工具 Source Map Visualization。三者都是个人或小团队作品，站内只提供项目介绍和入口，没有价格或下载方式等信息。

游戏：Robots Are People Too

这是一个横版卷轴平台游戏，核心特点是双人玩法和独特的分屏机制。项目由 Evan Wallace 与另外两名学生利用寒假共同开发，在 Mozilla 的 Game On 比赛中获得“Most Fun”奖项。

从站内描述看，它属于玩法实验性质的作品，而非商业发行游戏。想了解具体玩法或获取方式，需要进入项目详情页查看，站内摘要没有提供运行平台和下载渠道。

App 类项目

Tagception（2022）

一款 macOS 应用，用于查看和编辑文件系统标签。它的差异点在于支持标签的树状嵌套——可以把一个标签放进另一个标签内部形成层级，而 macOS Finder 本身不支持这种嵌套结构。适合对文件分类有更细层级需求、又习惯使用系统标签的 macOS 用户。

Source Map Visualization（2021）

一个高性能的 source map 可视化工具，站内强调它在处理大型 source map 时不会卡死。作者做这个工具的目的是调试真实场景中的 source map。对前端构建、压缩代码调试有需求的开发者可以把它当作排查映射问题的辅助工具。

三个项目的共同点

三个项目都体现了作者“为现有工具的不足做一个更好版本”的思路：游戏是玩法实验，Tagception 补足 Finder 的标签层级能力，Source Map Visualization 解决大文件卡顿问题。如果你关注的是 Evan Wallace 的工程实践，这三个项目比站上的 WebGL 演示更偏实用工具方向。

Evan Wallace 是 Figma 的联合创始人之一，2012 年至 2021 年期间在 Figma 工作。根据 madebyevan.com 上的自述，他在 Figma 的主要贡献集中在四个方向：渲染引擎、多人协作服务、矢量与文本编辑器，以及插件系统。如果你是因为看到 madebyevan.com 这个域名、想确认作者身份而搜到这里，以上是最直接的答案；这个网站本身是他用来汇总个人专业工作、编译器、图形、游戏和 App 项目的作品集站点。

他在 Figma 的具体角色

Figma 是一款基于浏览器的协作式界面设计工具。Evan Wallace 的自述把他在 Figma 的工作拆成以下几块：

这四项覆盖了 Figma 从“画得出来”到“多人一起画”再到“让别人也能扩展”的关键链路。需要说明的是，网站只列出了这些贡献方向，没有给出各项的详细技术文档或时间线，因此不宜再往下推断具体模块的实现细节。

除了 Figma，他还做过什么

madebyevan.com 把其余项目分成编译器、图形、游戏、App 四类，可作为判断其技术背景的参考：

• 编译器：esbuild（2020 年至今），一个高速 JavaScript 与 CSS 打包器，是他规模最大的开源项目；Skew（2015–2019），一门带优化编译器的编程语言，曾用于 Figma 的轻量移动端文档渲染器。
• 图形：WebGL Water（2010）、WebGL Path Tracing（2010）、WebGL Image Filters（2011，24 小时内为 HackNY 黑客松写成并获得第二名）、Shader Articles（2015）。
• 游戏：Robots Are People Too（2010–2011），双人横版平台游戏，获 Mozilla Game On 比赛“Most Fun”奖。
• App：Tagception（2022，macOS 文件系统标签查看与编辑工具）、Source Map Visualization（2021，面向大型 source map 的高性能可视化工具）。

这些项目与他在 Figma 负责渲染引擎、编辑器的经历相互印证：图形渲染和编译/构建工具是他长期投入的两条线。

怎么使用这个网站

madebyevan.com 是个人作品索引页，不是产品入口。想进一步了解某个项目，按页面上的分类找到对应条目，再点条目里的链接（如 “Visit website”“View demo”“Read more”）进入项目页或演示页。页面本身没有标注价格、注册或登录要求，涉及具体项目是否收费、是否需要账号，应以各项目自己的页面为准。

常见疑问

他是 Figma 的唯一创始人吗？ 不是。网站原文写的是 “I'm one of the cofounders of Figma”，即联合创始人之一。

他现在还在 Figma 吗？ 网站标注的 Figma 任职时间是 2012–2021 年，之后列出的 esbuild 标注为 2020 年至今，说明 2021 年后他的公开重心转向开源项目，但网站未说明离职原因或当前全职去向。

madebyevan.com 是 Figma 官网吗？ 不是，它是 Evan Wallace 的个人作品集网站，Figma 只是其中“Professional Work”部分的一项。

Made by Evan 是 Evan Wallace 的个人作品集网站，用来集中展示他的职业经历和个人项目。页面按 Professional Work、Compilers、Graphics、Games、Apps 分类，每个项目附有简短说明和访问或演示链接。适合想了解 Evan Wallace 做过什么、或想找 esbuild、WebGL 演示等具体项目入口的读者。

网站内容结构

页面以 Evan Wallace 为标题，下方按类别列出项目：

怎么使用这个网站

网站本身是静态作品集，没有账号体系或付费入口。使用方式主要是按类别浏览，点击各项目下方的 “Read more”“Visit website”“View demo” 等链接进入对应项目页面或在线演示。

• 想了解作者背景：从 Professional Work 的 Figma 条目读起，能快速了解他的主要职业经历。
• 想找构建工具：Compilers 下的 esbuild 条目提供官网链接，可进一步查看文档和用法。
• 想看图形技术演示：Graphics 下的 WebGL Water、Path Tracing、Image Filters 都提供在线 demo，直接在浏览器打开即可运行。
• 想找 macOS 小工具：Apps 下的 Tagception 条目可进入介绍页了解功能。

需要注意的点

页面上的项目时间跨度从 2010 年到 2022 年，部分演示（如 2010–2011 年的 WebGL 实验）依赖浏览器对 WebGL 的支持，能否正常运行取决于当前浏览器环境。各项目链接指向站内介绍页或外部站点，具体可用性以实际打开结果为准。