打包
文档
导入

导入

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;
  })
}