跳到内容

构建工具

编译和打包代码

我们重点介绍我们认为您应该了解的有趣特性或库。

库亮点: Rolldown

虽然 Vite 团队主要以 Vite 闻名,但它也一直在悄悄开发 Rolldown,作为一个更快的、基于 Rust 的打包器。

现在 Vite 本身使用 Rolldown,该项目无疑将在构建工具生态系统中发挥核心作用。

有用资源

构建工具随时间变化的比率

我真的以为今年 Vite 终于会超过 webpack 夺得最常用构建工具的宝座,但看起来这可能还得再等一年。

Turbopack 在使用方面也显示出很大的进步,毫无疑问得益于与 Next.js 捆绑在一起。话虽如此,与 Next.js 类似,它的满意度相当令人担忧。

另一方面,Rolldown 的满意度有所提高,并且在兴趣方面排名第一。

最后,Bun 在所有类别中都表现出色,对于这样一个雄心勃勃的新项目来说,这确实是一个了不起的成就。

webpack
Parcel
Rollup
tsc CLI
SWC
esbuild
Vite
Turbopack
tsup
Rspack
Rolldown
Bun

模式:

视图:

使用度:

使用过某个项目的受访者比例
0%
20%
40%
60%
80%
100%
2016
2017
2018
2019
2020
2021
2022
2023
2024
2025
0%
20%
40%
60%
80%
100%

其他构建工具

受访者再次提到了 Deno,这为在 2026 年将其纳入主要调查选项提供了强有力的理由。
0%
20%
40%
60%
80%
100%
55
43
3
-1
11
4
其他答案
71
0%
20%
40%
60%
80%
100%
受访者百分比
我们邀请 JavaScript 社区成员分享他们的“年度之选”

我的 2025 年度之选: Kit Langton

Kit 的网站是展示结合了精美视觉效果、强大功能和惊人内容(特别是关于 TypeScriptEffect 库)的项目的绝佳案例。
我们邀请 JavaScript 社区成员分享他们的“年度之选”

Sacha Greif

Devographics 调查创建者
与测试工具类似,受访者一直在尝试不少不同的构建工具。Vite 是否会让这成为过去还有待观察。
0%
3%
6%
9%
12%
15%
01
0
1,946
02
1
786
03
2
1,448
04
3
1,639
05
4
1,662
06
5
1,536
07
6
1,294
08
7
1,056
09
8
738
10
9
491
11
10
235
12
11
115
13
12
56
0%
3%
6%
9%
12%
15%
调查对象百分比

构建工具满意度

构建工具的幸福感保持稳定。
1
2
3
4
5
2016
2017
2018
2019
2020
2021
2022
2023
2024
2025
1
2
3
4
5
平均 {axis}

构建工具的痛点

虽然 Vite 确实让情况变得更好了,但在构建工具方面,配置和设置仍然是最紧迫的问题。
在使用构建工具时,您遇到了哪些痛点?
(自由提问)
多选
0%
20%
40%
60%
80%
100%
01
Configuration
02
Excessive complexity
+1
03
Performance
-1
04
Build tools
+1
05
Webpack issues
-1
06
build_issues
07
Lack of documentation
08
Browser support
+5
10
ESM & CJS
-4
0%
20%
40%
60%
80%
100%
受访者百分比
Vite
Steve Kinney
Temporal

Vite

Learn Vite, the fast build tool for modern web projects that lets you get up and running quickly, with almost no configuration whatsoever! Tour Vite's capabilities include bundling, optimizing static assets, hot module reloading, and its rich plugin ecosystem.
Web Performance Fundamentals, v2
Todd Gardner
Request Metrics

Web Performance Fundamentals, v2

Speed up your websites and web apps by mastering the latest performance metrics and web optimization techniques. Improve key Core Web Vitals metrics like Largest Contentful Paint (LCP), Cumulative Layout Shift (CLS), and Interaction to Next Paint (INP).
感谢合作伙伴对我们的支持! 了解更多。