Pack
Docs
Features

Features

The practice of building web applications is enormously diverse. In CSS alone, you have SCSS, Less, CSS Modules, PostCSS, and hundreds of other libraries. Frameworks like React, Vue and Svelte require custom setups.

When building a bundler, we needed to consider which features would be:

  • Built-in: they work out of the box, no config required
  • Available via plugins: usually installed from a registry and configured
  • Unavailable: not available at all

Turbopack is in beta, so very few of these decisions are set in stone. In its current state, Turbopack cannot yet be configured - so plugins are not available yet.

Let's discuss which features are available out-of-the-box, in Turbopack's default configuration. We'll also touch on features which will be configurable via plugins.

JavaScript

Supports all ESNext features, Browserslist and top-level await.

TypeScript

Supports TypeScript out of the box, including resolving paths and baseUrl.

Imports

Supports require, import, dynamic imports and more.

Dev Server

Our optimized dev server supports Hot Module Reloading (HMR) and Fast Refresh.

CSS

Supports Global CSS, CSS Modules, postcss-nested and @import.

Frameworks

Learn about Next.js, Svelte, Vue and React Server Components support.

Static Assets

Supports the /public directory, JSON imports, and importing assets via ESM.

Environment Variables

Supports environment variables via .env, .env.local, and more.