メインコンテンツにスキップ

ビルドツール

コードのコンパイルとビルド

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

Group by:

Sort by:

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.
💡
技術名をクリックすると、その技術の詳細や、より細かい関連データを見られます。

tools.build_tools_others

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

Other Answers

56
0%
10%
20%
30%
40%
51%
%のアンケート回答数
We asked members of the JavaScript community to share their “pick of the year”

My 2023 Pick: AutoAnimate

Formkit's AutoAnimate library, which you can see in action right here on this site, does exactly what its name implies and somehow figures out how to add animations to your apps with a single line of code!
We asked members of the JavaScript community to share their “pick of the year”

Sacha Greif

State of JS creator

ビルドツールの満足度

0
1
2
3
4
2016
2017
2018
2019
2020
2021
2022
2023
0
1
2
3
4
Average
ビルドツールの現状にどのくらい満足していますか?

ビルドツールのつらいところ

0%
10%
20%
31%
41%
51%
1

Configuration

2

Performance

3

Excessive complexity

4

Webpack issues

5

Choice overload

6

ESM & CJS

7

Lack of documentation

8

TypeScript support

9

Bundlers

10

Browser support

0%
10%
20%
31%
41%
51%
%のアンケート回答数
ビルドツールを使うときに、つらいと感じるところは何ですか?
Freeform

おすすめのリソース

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!​
パートナーのサポートに感謝しています! 詳細をみる。