Ir para o conteúdo

State of JavaScript 2024

Ferramentas de Build

Compilando e agrupando código

Proporções das ferramentas de build ao longo do tempo

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

Modo:

Visualização:

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

Outras respostas

61
0%
8%
16%
24%
32%
40%
% de respostas das questões
153
1%

Used at Work

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

🚫 None

515
0%
14%
28%
42%
56%
69%
% de respostas das questões
11,132
82%
Which of these tools do you use in a professional context?
We asked members of the JavaScript community to share their “pick of the year”

My 2024 Pick: Bluesky

With X's slow descent into madness, it felt like the front end community had been left without a home. So it's great to see so many of us finally converging towards a new platform in the form of Bluesky.
We asked members of the JavaScript community to share their “pick of the year”

Sacha Greif

Maintainer, State of JS

Number of Items

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

Visualização:

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%
% de respostas da pesquisa
3.4

Satisfação com ferramentas de build

0
1
2
3
4
2016
2017
2018
2019
2020
2021
2022
2023
2024
0
1
2
3
4
Média
11,306
81%
2.6
3
Em uma escala de 0 (muito insatisfeito) a 4 (muito satisfeito), qual é o seu nível de satisfação com o estado atual das ferramentas de build?

Pontos Problemáticos das ferramentas de build

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%
% de respostas das questões
1,432
10%
Quais pontos problemáticos você encontrou ao usar ferramentas de build?
Respostas livres

Recursos recomendados

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!​
Obrigado aos nossos parceiros por nos apoiarem! Saiba mais.