靜態資源

網頁打包的一部分是處理網頁支援的所有資源類型 - 圖片、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';