跳至內容

State of JavaScript 2023

Build Tools

Compiling & bundling code

Build Tools Ratios Over Time

webpack
Parcel
Rollup
tsc CLI
SWC
esbuild
Vite
Turbopack
tsup
Biome

Mode:

View:

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

Build Tools Experience & Sentiment

Group by:

Sort by:

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

Experience

  • Used it: Respondents who have used an item.
  • Heard of it: Respondents who have heard about an item, but haven't used it.
  • Never heard of it: Respondents who have never heard about an item.

Sentiment

  • Positive: Respondents who are interested in learning more about a technology; or are willing to use it again.
  • Neutral: Responents who did not indicate any sentiment about a technology.
  • Negative: Respondents who are not interested in learning more about a technology; or have used it and had a negative experience.
“Used” average:39%
“Positive” average:46%
“Negative” average:20%
💡
點選技術的名稱後，可以看到更多細節，並深入檢視相關資料。

Other Build Tools

0%
10%
20%
30%
40%
51%
1

198
2

72
3

22
4

17
5

17
6

17
7

12
8

9
9

8
10

5
11

Other Answers

56
0%
10%
20%
30%
40%
51%
% 問題回應者
392
2%
We asked members of the JavaScript community to share their “pick of the year”

My 2023 Pick: AutoAnimate

Formkit's AutoAnimate library, which you can see in action right here on this site, does exactly what its name implies and somehow figures out how to add animations to your apps with a single line of code!
We asked members of the JavaScript community to share their “pick of the year”

Sacha Greif

State of JS creator

Build Tools Happiness

0
1
2
3
4
2016
2017
2018
2019
2020
2021
2022
2023
0
1
2
3
4
平均
17,658
75%
2.5
3
On a scale of 0 (very unhappy) to 4 (very happy), how happy are you with the current state of build tools?

Build Tools Pain Points

0%
10%
20%
30%
40%
49%
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%
10%
20%
30%
40%
49%
% 問題回應者
1,830
8%
What pain points have you encountered when using build tools?
(自由填答問題)

推薦資源

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!​
感謝贊助我們的伙伴！ 深入瞭解。