Imports

Turbopack supports CJS and ESM imports out of the box, and offers partial support for AMD.

Turbopack bundles your application, so imports won't be resolved to native browser ESM. You can learn why in our bundling vs Native ESM section.

CommonJS

Turbopack supports the require syntax out-of-the-box:

my-file.ts

const { add } = require('./math');
 
add(1, 2);

Importing via the import syntax is also supported out-of-the-box. This includes static assets, and import type:

my-file.ts

import img from './img.png';
 
import type { User } from '../server/types';
 
import { z } from 'zod';

Turbopack supports dynamic imports via import():

my-file.ts

const getFeatureFlags = () => {
  return import('/featureFlags').then((mod) => {
    return mod.featureFlags;
  });
};