콘텐츠로 건너뛰기

빌드 도구

코드 컴파일링 & 번들링

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.
💡
기술 이름을 클릭하면 자세한 정보를 확인하고 관련 데이터를 자세히 볼 수 있습니다.

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

Other Answers

56
0%
10%
20%
30%
40%
51%
% of question respondents
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

Build Tools Happiness

On a scale of 0 (very unhappy) to 4 (very happy), how happy are you with the current state of build tools?
0
1
2
3
4
2016
2017
2018
2019
2020
2021
2022
2023
0
1
2
3
4
Average

Build Tools Pain Points

What pain points have you encountered when using build tools?
(자유 형식 질문)
0%
9%
19%
28%
38%
47%
1

Configuration

2

Performance

3

Excessive complexity

4

Webpack issues

5

ESM & CJS

6

Choice overload

7

Lack of documentation

8

TypeScript support

9

Bundlers

10

Version changes

0%
9%
19%
28%
38%
47%
% of question respondents

추천하는 리소스

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!​
우리를 지원해 준 파트너들께 감사 드립니다! 더 알아보기.