跳到内容

构建工具

编译和打包代码

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

Just like its sibling Vitest, Vite is also gaining market share at record speed. Also make sure to keep an eye on new entrants Rolldown and Rspack, who are both starting off very high in the charts.

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

模式:

视图:

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

Other Build Tools

0%
8%
16%
24%
32%
40%
1

35
2

21
3

17
4

8
5

rsbuild

8
6

7
7

7
8

farm

6
9

6
10

6
11

其他答案

61
0%
8%
16%
24%
32%
40%
受访者百分比

Rspack has somehow found a way to buck the trend and jump right into being adopted by large companies, no doubt the result of its very smart strategy to become a drop-in replacement for webpack.

0%
14%
28%
42%
56%
69%
1

7,733
2

7,726
3

4,023
4

2,978
5

2,826
6

1,585
7

1,165
8

801
9

563
10

532
11

234
12

91
13

515
0%
14%
28%
42%
56%
69%
受访者百分比
Which of these tools do you use in a professional context?
我们询问了 JavaScript 社区的成员,分享他们的“年度选择”

我的 2024 选择: AutoAnimate

Formkit 的 AutoAnimate 库,你可以在本网站上看到它的实际应用,正如其名,它只需一行代码就能为你的应用添加动画效果!
我们询问了 JavaScript 社区的成员,分享他们的“年度选择”

Sacha Greif

State of JS 创始人

Number of Items

How many items in this category respondends have used (or heard of).

视图:

0%
4%
7%
11%
14%
18%
1

0

2,513
2

1

1,170
3

2

1,912
4

3

1,995
5

4

1,835
6

5

1,585
7

6

1,209
8

7

873
9

8

517
10

9

258
11

10

105
12

11

29
13

12

14
0%
4%
7%
11%
14%
18%
调查对象百分比

构建工具满意度

0
1
2
3
4
2016
2017
2018
2019
2020
2021
2022
2023
2024
0
1
2
3
4
平均 {axis}
您对构建工具的现状满意吗?

构建工具的痛点

Excessive configuration has traditionally been the bane of build tools – yet it's also often that very complexity that makes them powerful.

0%
10%
20%
30%
40%
49%
1

Configuration

2

Performance

3

Excessive complexity

4

Webpack issues

5

Build tools

6

ESM & CJS

7

Lack of documentation

8

Choice overload

9

plugin_issues

10

TypeScript support

0%
10%
20%
30%
40%
49%
受访者百分比
在使用构建工具时,您遇到了哪些痛点?
(自由提问)
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!​
感谢合作伙伴对我们的支持! 了解更多。