Ir para o conteúdo

State of JavaScript 2023

Ferramentas de Build

Compilando e agrupando código

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

webpack
Parcel
Rollup
tsc CLI
SWC
esbuild
Vite
Turbopack
tsup
Biome

Modo:

Visualização:

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

Experiência e sentimento com ferramentas de build

Agrupar por:

Ordenar por:

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%
💡
Você pode clicar em qualquer nome de tecnologia para obter detalhes extras e um olhar mais aprofundado em seus dados relacionados.

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

Outras respostas

56
0%
10%
20%
30%
40%
51%
% de respostas das questões
392
2%
Pedimos aos membros da comunidade JavaScript que compartilhassem sua “escolha do ano”

Minha escolha de 2023: AutoAnimate

A biblioteca AutoAnimate da Formkit, que você pode ver em ação bem aqui neste site, faz exatamente o que o nome sugere e de alguma forma descobre como adicionar animações aos seus aplicativos com uma única linha de código!
Pedimos aos membros da comunidade JavaScript que compartilhassem sua “escolha do ano”

Sacha Greif

Criador do State of JS

Satisfação com ferramentas de build

0
1
2
3
4
2016
2017
2018
2019
2020
2021
2022
2023
0
1
2
3
4
Média
17,658
75%
2.5
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

0%
10%
19%
29%
39%
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

Browser support

0%
10%
19%
29%
39%
49%
% de respostas das questões
1,830
8%
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.