静态资源

为 Web 进行打包的一部分是处理 Web 支持的所有资产类型——图像、JSON 以及更多。Turbopack 为这些提供了熟悉的工具，因此您可以立即提高工作效率。

导入静态资源

Turbopack 开箱即用地支持导入静态资源

my-file.ts

import img from './img.png';

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

my-file.ts

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

在 Next.js 中，导入图像会返回一个对象，其中包含有关该图像的各种元数据。这是为了将其馈送到 Next.js 的 Image 组件。

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

my-file.ts

import fixtures from './fixtures.json';

Turbopack 开箱即用地支持此功能，也支持对 JSON 执行命名导入

my-file.ts

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