静态资源

Web 打包的一部分是处理 Web 支持的所有资产类型 - 图像、视频、JSON、字体等等。Turbopack 提供了熟悉的工具，因此您可以立即提高工作效率。

导入静态资源

使用 Turbopack，导入静态资源开箱即用。

import img from './img.png'

在 webpack 和其他一些框架中，导入图像会返回一个包含该图像 URL 的字符串。

import img from './img.png';
 
console.log(img); // /assets/static/1uahwd98h123.png

在 Next.js 中，导入图像实际上会返回一个对象，其中包含有关图像的各种元数据。这样它就可以被馈送到 Next.js 的 Image 组件 (在新标签页中打开)。

从图像中提取元数据对象的行为 **尚未支持**。目前，导入的图像将解析为字符串。

/public 目录允许您放置您希望在网站根 URL 上可用的资产。例如， public/favicon.png 将在 https://example/favicon.png 上可用。

在 Turbopack 中， /public 目录开箱即用。

大多数框架允许您将 JSON 直接导入您的应用程序。

import fixtures from './fixtures.json';

这在 Turbopack 中开箱即用，就像对该 JSON 执行命名导入一样。

import { users, posts } from './fixtures.json';