什么？我用 Cursor 一天读懂了上万行代码！

所谓开发工具链，包含横、纵两个维度。

横向是指最底层OXC工具箱中一系列工具构成的横向链条，包括：

• oxc-parser：用于解析.js(x)和.ts(x)，对标swc，基准测试据称比swc快2倍
• oxlint，对标Eslint，基准测试据称比Eslint快50～100倍
• oxc-resolver，解析esm、cjs文件路径，对标webpack/enhanced-resolve，基准测试据称比webpack快28倍
• oxc-transform，转换jsx/tsx/ts到js，对标babel与ts编译器相关功能

纵向是指不断基于下层工具构建的上层工具组成的纵向链条，举个例子：

1. oxc-parser、oxc-resolver、oxc-transform为上层工具Rolldown提供了AST、文件路径解析、jsx/tsx/ts转js的能力

2. Rolldown作为bundler（打包器），为上层构建工具Vite提供打包编译能力

3. Vite作为web环境的构建工具，为上层工具（比如Vitest、Vue、VitePress...）提供构建能力

4. Vite驱动的前端框架Vue，又作为全栈框架Nuxt的元框架

作者：魔术师卡颂
链接：juejin.cn/post/742326…
来源：稀土掘金
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。