Turbopack + Loaders

Turbopack supports a subset of webpack's loader API, allowing you to use some webpack loaders to transform code in Turbopack. This example shows you how to configure Next.js to use webpack loaders when running with next --turbo.

Install the dependencies and start the development server.

npm install
npm run dev

or

yarn
yarn dev

or

pnpm install
pnpm dev

Deploy your own

How to use

Execute create-next-app with npm, Yarn, or pnpm to bootstrap the example:

npx create-next-app --example with-turbopack-loaders with-turbopack-loaders-app

yarn create next-app --example with-turbopack-loaders with-turbopack-loaders-app

pnpm create next-app --example with-turbopack-loaders with-turbopack-loaders-app

Deploy it to the cloud with Vercel (Documentation).