Turbopack: Next.js 16.2의 새로운 기능
Turbopack: What's New in Next.js 16.2
요약
Next.js 16.2의 Turbopack은 더 빠른 빌드 속도, SRI(부분 자원 무결성) 지원, postcss.config.ts 지원, 동적 import의 트리 셰이킹, 서버 Fast Refresh, 인라인 로더 설정 등의 기능을 제공합니다. 또한 200개 이상의 버그 수정을 포함하여 안정성과 성능을 크게 향상시켰습니다.
핵심 포인트
- 빌드 성능 최적화: Turbopack의 번들링 속도가 개선되어 개발 및 프로덕션 빌드 시간을 단축할 수 있습니다.
- SRI 지원 추가: Subresource Integrity 지원으로 외부 리소스의 무결성을 보장하여 보안성을 강화했습니다.
- PostCSS 설정 파일 지원: postcss.config.ts를 통해 TypeScript로 PostCSS 설정을 작성할 수 있어 타입 안전성이 개선되었습니다.
- 동적 import 트리 셰이킹: 동적으로 import된 코드에서 사용되지 않는 부분을 자동으로 제거하여 번들 크기를 감소시킵니다.
- 서버 Fast Refresh: 서버 컴포넌트 코드 변경 시 빠른 새로고침이 가능해져 개발 경험이 향상됩니다.
- 인라인 로더 설정: Turbopack 설정 내에서 직접 로더를 인라인으로 정의할 수 있는 기능이 추가되었습니다.
- 200개 이상의 버그 수정: 안정성과 호환성 향상으로 프로덕션 환경에서의 신뢰도가 증가했습니다.
왜 중요한가
Turbopack의 개선은 Next.js 개발자의 빌드 시간을 단축하고 개발 속도를 높이며, 보안성과 번들 최적화를 동시에 달성할 수 있게 해줍니다.