Lompat menuju konten

Alat Build

Kompilasi & bundling kode

Build Tools Ratios Over Time

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

Mode:

View:

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

Lainnya

61
0%
8%
16%
24%
32%
40%
% dari pertanyaan responden

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

Tidak ada

515
0%
14%
28%
42%
56%
69%
% dari pertanyaan responden
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).

View:

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%
% dari responden survei

Kepuasan Build Tools

0
1
2
3
4
2016
2017
2018
2019
2020
2021
2022
2023
2024
0
1
2
3
4
Rata-rata {axis}
Seberapa puas anda dengan keadaan build tools?

Titik Sakit Build Tools

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%
% dari pertanyaan responden
Apa saja kesulitan yang pernah anda hadapi ketika menggunakan alat-alat build?
(Pertanyaan bebas)

Rekomendasi Sumber

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!​
Terima kasih kepada semua Mitra yang telah mendukung Kami! Pelajari lebih lanjut.