Lompat menuju konten

State of JavaScript 2023

Alat Build

Kompilasi & bundling kode

Build Tools Ratios Over Time

webpack
Parcel
Rollup
tsc CLI
SWC
esbuild
Vite
Turbopack
tsup
Biome

Mode:

View:

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

Build Tools Experience & Sentiment

Kelompokkan berdasarkan:

Urutkan berdasarkan:

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

Pengalaman

  • <span aria-hidden="true">🤓</span> Sudah pakai: Responden yang sudah pakai.
  • <span aria-hidden="true">👀</span> Pernah dengar: Responden yang sudah dengar, tetapi belum pernah pakai.
  • <span aria-hidden="true">🤷</span> Belum pernah dengar: Responden yang belum pernah dengar.

Sentimen

  • Positif: Responden yang tertarik untuk belajar tentang sebuah teknologi; atau yang ingin menggunakannya lagi.
  • Netral: Responden yang tidak memiliki sentimen akan sebuah teknologi.
  • Negatif: Responden yang tidak tertarik untuk belajar tentang sebuah teknologi; atau yang sudah pernah pakai dan memiliki pengalaman negatif.
“Used” average:39%
“Positive” average:46%
“Negative” average:20%
💡
Anda dapat mengklik nama teknologi mana pun untuk mendapatkan informasi tambahan dan penjelasan yang lebih mendalam pada data yang serupa.

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

Lainnya

56
0%
10%
20%
30%
40%
51%
% dari pertanyaan responden
392
2%
Kami meminta anggota dari komunitas JavaScript untuk membagikan “pilihan tahun ini” mereka

Pilihan 2023 Saya: AutoAnimate

Pustaka AutoAnimate dari Formkit, yang memperlihatkan langsung cara kerjanya pada situs, melakukan persis apa yang tersirat dari namanya dan entah bagaimana bisa menambahkan animasi pada aplikasimu hanya dengan sebaris kode!
Kami meminta anggota dari komunitas JavaScript untuk membagikan “pilihan tahun ini” mereka

Sacha Greif

State of JS creator

Kepuasan Build Tools

0
1
2
3
4
2016
2017
2018
2019
2020
2021
2022
2023
0
1
2
3
4
Rata-rata {axis}
17,658
75%
2.5
3
Seberapa puas anda dengan keadaan build tools?

Titik Sakit Build Tools

0%
10%
20%
30%
40%
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

0%
10%
20%
30%
40%
49%
% dari pertanyaan responden
1,830
8%
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.