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

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,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%
20%
40%
60%
80%
100%
% від тих, хто відповів на питання
11,132
82%
Які з-поміж цих інструментів ви використовуєте у професійному контексті?
Ми покликали спільноту 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
1
2
3
4
2016
2017
2018
2019
2020
2021
2022
2023
2024
0
1
2
3
4
Середнє
11,306
81%
2.6
3
Наскільки ви задоволені поточним станом інструментів для збирання коду? За шкалою від 0 (дуже незадоволені) до 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!​
Спонсорований вміст від наших партнерів. Детальніше.