跳到内容

State of JavaScript 2023

构建工具

编译和打包代码

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

webpack
Parcel
Rollup
tsc CLI
SWC
esbuild
Vite
Turbopack
tsup
Biome

模式:

视图:

0%
20%
40%
60%
80%
100%
2016
2017
2018
2019
2020
2021
2022
2023
0%
20%
40%
60%
80%
100%

构建工具的使用经验和满意度

通过...分组：

根据此项排序:

1

90.1%
8.9%
19,077
2

73.3%
21.3%
5.4%
19,220
3

52.2%
12.6%
35.2%
19,014
4

50.7%
32.2%
17.1%
19,010
5

44%
34%
22%
19,020

经验

  • <span aria-hidden="true">🤓</span> 用过: 使用过此项目的受访者。
  • <span aria-hidden="true">👀</span> 有听说过: 听说过此项目，但没有使用过此项目的受访者。
  • <span aria-hidden="true">🤷</span> 没听说过: 从未听说过此项目的受访者。

情绪（态度）

  • 积极: 有兴趣了解此技术，或者愿意再次使用它的受访者
  • 中立: 未对此技术发表看法的受访者
  • 消极: 对此技术不感兴趣，或者使用此技术有糟糕体验的受访者
“Used” average:39%
“Positive” average:46%
“Negative” average:20%
💡
你可以单击任何技术的名称， 来获得额外的详细信息，并更深入地查看其相关数据。

Other Build Tools

0%
20%
40%
60%
80%
100%
1

198
2

72
3

22
4

17
5

17
6

17
7

12
8

9
9

8
10

5
11

其他答案

56
0%
20%
40%
60%
80%
100%
受访者百分比
392
2%
我们邀请 JavaScript 社区的成员分享他们的“年度最佳选择”

我的 2023 年选择： AutoAnimate

Formkit 的 AutoAnimate 库，您可以在这个网站上看到它的实际效果，正如其名，它能通过一行代码为您的应用添加动画！
我们邀请 JavaScript 社区的成员分享他们的“年度最佳选择”

Sacha Greif

State-of-JS创始人

构建工具满意度

0
1
2
3
4
2016
2017
2018
2019
2020
2021
2022
2023
0
1
2
3
4
平均 {axis}
17,658
75%
2.5
3
您对构建工具的现状满意吗？

构建工具的痛点

0%
20%
40%
60%
80%
100%
1

Configuration

2

Performance

3

Excessive complexity

4

Webpack issues

5

Build tools

6

Choice overload

7

ESM & CJS

8

Lack of documentation

9

TypeScript support

10

0%
20%
40%
60%
80%
100%
受访者百分比
1,830
8%
在使用构建工具时，您遇到了哪些痛点？
(自由提问)

资源推荐

Vite
Steve Kinney
Temporal

Vite

Tour Vite's capabilities include bundling, optimizing static assets, hot module reloading, and its rich plugin ecosystem. Integrate Vite with popular frameworks like React and Svelte and leverage dynamic imports for code splitting.
Webpack 4 Fundamentals
Sean Larkin
Microsoft

Webpack 4 Fundamentals

Webpack enables you to integrate your favorite tools and take control of how you deliver your JavaScript, CSS, and more!​
感谢合作伙伴对我们的支持! 了解更多。