Перейти до вмісту

State of JavaScript 2024

Збирачі коду

Компіляція та збирання коду

Співвідношення інструментів для збирання з часом

Як і його родич Vitest, Vite бере ринок шаленими темпами. Також слід звернути увагу на новачків Rolldown і Rspack, які розпочинають із дуже високих позицій у рейтингах.

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%

Інші інструменти для збирання

0%
20%
40%
60%
80%
100%
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%
20%
40%
60%
80%
100%
% від тих, хто відповів на питання
153
1%

Використовується на роботі

Rspack несподівано зломив тенденцію та одразу став популярним серед великих компаній — без сумніву завдяки своїй кмітливій стратегії як замінника webpack.

Які з-поміж цих інструментів ви використовуєте у професійному контексті?
Множинний вибір
0%
20%
40%
60%
80%
100%
1

7,927
2

7,909
3

4,112
4

3,051
5

2,889
6

1,613
7

1,191
8

818
9

573
10

538
11

240
12

91
13

🚫 Нічого

534
0%
20%
40%
60%
80%
100%
% від тих, хто відповів на питання
11,409
81%
Ми покликали спільноту JavaScript поділитися своїм "вибором року"

Мій вибір 2024: Bluesky

Поки X повільно божеволів, здавалося, що frontend-спільнота залишилася без дому. Тож дуже приємно бачити, що так багато з нас нарешті сходиться на нову платформу — Bluesky.
Ми покликали спільноту JavaScript поділитися своїм "вибором року"

Sacha Greif

Мейнтейнер "Стан JS"

Кількість опцій

Скільки опцій у цій категорії респонденти використовували.

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%
% від усіх опитаних
3.4

Задоволення інструментами для збирання

Наскільки ви задоволені поточним станом інструментів для збирання коду? За шкалою від 0 (дуже незадоволені) до 4 (дуже задоволені).
1
2
3
4
5
2016
2017
2018
2019
2020
2021
2022
2023
2024
1
2
3
4
5
Середнє
11,306
81%
3.6
4

Проблеми інструментів для збирання

Надмірні конфігураційні можливості традиційно були прокляттям інструментів для збирання, але часто саме ця складність употужнює їх.

З якими проблемами ви стикалися під час використання інструментів для збирання коду?
Довільна форма
Множинний вибір
0%
20%
40%
60%
80%
100%
1

Конфігурація

2

Швидкодія

3

Надмірна складність

4

Проблеми Webpack

5

Збирачі

6

ESM & CJS

7

Нестача документації

8

Перевантаження вибором

9

Проблеми плагінів

10

Підтримання TypeScript

0%
20%
40%
60%
80%
100%
% від тих, хто відповів на питання
1,432
10%

Рекомендовані джерела

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!​
Спонсорований вміст від наших партнерів. Детальніше.