インポート

Turbopackは、CJSとESMのインポートをすぐに使用できます。AMDも部分的にサポートしています。

Turbopackはアプリケーションをバンドルするため、インポートはネイティブブラウザのESMには解決されません。バンドルとネイティブESMの違いセクションでその理由を確認できます。

CommonJS

Turbopackはrequire構文をすぐに使用できます。

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

ESM

import構文を使用したインポートもすぐに使用できます。静的アセットとimport typeが含まれます。

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

動的インポート

Turbopackはimport()を使用した動的インポートをサポートしています。

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

静的アセット環境変数