導入

Turbopack 開箱即用支援 CJS 和 ESM 導入，並提供對 AMD 的部分支援。

Turbopack 會打包您的應用程式，因此導入不會解析為原生瀏覽器 ESM。您可以在我們的打包與原生 ESM 章節中了解原因。

CommonJS

Turbopack 開箱即用支援 require 語法

my-file.ts

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

也開箱即用支援透過 import 語法進行導入。這包括靜態資源和 import type

my-file.ts

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

Turbopack 支援透過 import() 進行動態導入

my-file.ts

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