Skip to content

Turbopack: add rules.*.type config to allow changing the type of a module#88788

Merged
sokra merged 8 commits intocanaryfrom
sokra/module-type
Jan 30, 2026
Merged

Turbopack: add rules.*.type config to allow changing the type of a module#88788
sokra merged 8 commits intocanaryfrom
sokra/module-type

Conversation

@sokra
Copy link
Member

@sokra sokra commented Jan 20, 2026 •
edited
Loading

What?

This PR adds support for the type option in Turbopack rules, enabling users to set the module type directly without requiring a custom loader. This mirrors webpack's type option (e.g., type: 'asset/resource').

Users can now configure how files are processed by setting the module type directly:

// next.config.js
module.exports = {
  turbopack: {
    rules: {
      '*.svg': {
        type: 'asset',
      },
    },
  },
}

When using type: 'asset', importing the file returns its URL:

import svgUrl from './icon.svg'

export default function Page() {
  return <img src={svgUrl} alt="Icon" />
}

More types are available. See docs

@nextjs-bot nextjs-bot added created-by: Turbopack team PRs by the Turbopack team. Documentation Related to Next.js' official documentation. tests Turbopack Related to Turbopack with Next.js. type: next labels Jan 20, 2026
@sokra Graphite App
Copy link
Member Author

sokra commented Jan 20, 2026 •
edited
Loading

This stack of pull requests is managed by Graphite. Learn more about stacking.

@sokra sokra changed the title add test case for module type switching Turbopack: add rules.*.type config to allow changing the type of a module Jan 20, 2026
@sokra sokra marked this pull request as ready for review January 20, 2026 08:11
@sokra sokra requested review from mischnic and timneutkens January 20, 2026 08:11
vercel[bot]
vercel bot reviewed Jan 20, 2026
View reviewed changes
@nextjs-bot
Copy link
Collaborator

nextjs-bot commented Jan 20, 2026 •
edited
Loading

Tests Passed

@nextjs-bot
Copy link
Collaborator

nextjs-bot commented Jan 20, 2026 •
edited
Loading

Stats from current PR

🟢 1 improvement

Metric Canary PR Change Trend
Webpack Warm (First Request) 2.062s 1.916s 🟢 146ms (-7%) ▁▁▁▁▁
📊 All Metrics
📖 Metrics Glossary

Dev Server Metrics:

  • Listen = TCP port starts accepting connections
  • First Request = HTTP server returns successful response
  • Cold = Fresh build (no cache)
  • Warm = With cached build artifacts

Build Metrics:

  • Fresh = Clean build (no .next directory)
  • Cached = With existing .next directory

Change Thresholds:

  • Time: Changes < 50ms AND < 10%, OR < 2% are insignificant
  • Size: Changes < 1KB AND < 1% are insignificant
  • All other changes are flagged to catch regressions

⚡ Dev Server

Metric Canary PR Change Trend
Cold (Listen) 455ms 455ms ✓ █▁▁▁▁
Cold (Ready in log) 437ms 438ms ✓ █▇▅▇█
Cold (First Request) 1.163s 1.200s ✓ █▇▆▇█
Warm (Listen) 456ms 457ms ✓ █▁▁▁▁
Warm (Ready in log) 444ms 441ms ✓ █▁▁▁▂
Warm (First Request) 341ms 337ms ✓ ▂▆▁▁▅
📦 Dev Server (Webpack) (Legacy)

📦 Dev Server (Webpack)

Metric Canary PR Change Trend
Cold (Listen) 455ms 457ms ✓ ▁▁▁▁▁
Cold (Ready in log) 449ms 450ms ✓ ▁▁▁▁▁
Cold (First Request) 1.940s 1.955s ✓ ▁▁▁▁▁
Warm (Listen) 456ms 456ms ✓ ▁▁▁▁▁
Warm (Ready in log) 448ms 450ms ✓ ▁▁▁▁▁
Warm (First Request) 2.062s 1.916s 🟢 146ms (-7%) ▁▁▁▁▁

⚡ Production Builds

Metric Canary PR Change Trend
Fresh Build 4.024s 3.949s ✓ █▂▁▂▂
Cached Build 3.942s 3.932s ✓ █▂▁▂▂
📦 Production Builds (Webpack) (Legacy)

📦 Production Builds (Webpack)

Metric Canary PR Change Trend
Fresh Build 14.598s 14.586s ✓ ▁▅▁▁▂
Cached Build 14.749s 14.774s ✓ ▁▁▁▁▁
node_modules Size 464 MB 464 MB ✓ ▁▁▁▁▁
📦 Bundle Sizes

Bundle Sizes

⚡ Turbopack

Client

Main Bundles: **435 kB** → **435 kB** ✓

81 files with content-based hashes (individual files not comparable between builds)

Server

Middleware
Canary PR Change
middleware-b..fest.js gzip 760 B 764 B ✓
Total 760 B 764 B ⚠️ +4 B
Build Details
Build Manifests
Canary PR Change
_buildManifest.js gzip 447 B 450 B ✓
Total 447 B 450 B ⚠️ +3 B

📦 Webpack

Client

Main Bundles
Canary PR Change
5528-HASH.js gzip 5.47 kB N/A -
6280-HASH.js gzip 54.6 kB N/A -
6335.HASH.js gzip 169 B N/A -
912-HASH.js gzip 4.53 kB N/A -
e8aec2e4-HASH.js gzip 62.5 kB N/A -
framework-HASH.js gzip 59.7 kB 59.7 kB ✓
main-app-HASH.js gzip 256 B 254 B ✓
main-HASH.js gzip 39 kB 39 kB ✓
webpack-HASH.js gzip 1.68 kB 1.68 kB ✓
262-HASH.js gzip N/A 4.52 kB -
2889.HASH.js gzip N/A 169 B -
5602-HASH.js gzip N/A 5.48 kB -
6948ada0-HASH.js gzip N/A 62.5 kB -
9544-HASH.js gzip N/A 55.3 kB -
Total 228 kB 229 kB ⚠️ +681 B
Polyfills
Canary PR Change
polyfills-HASH.js gzip 39.4 kB 39.4 kB ✓
Total 39.4 kB 39.4 kB ✓
Pages
Canary PR Change
_app-HASH.js gzip 194 B 194 B ✓
_error-HASH.js gzip 183 B 180 B 🟢 3 B (-2%)
css-HASH.js gzip 331 B 330 B ✓
dynamic-HASH.js gzip 1.81 kB 1.81 kB ✓
edge-ssr-HASH.js gzip 256 B 256 B ✓
head-HASH.js gzip 351 B 352 B ✓
hooks-HASH.js gzip 384 B 383 B ✓
image-HASH.js gzip 580 B 581 B ✓
index-HASH.js gzip 260 B 260 B ✓
link-HASH.js gzip 2.49 kB 2.49 kB ✓
routerDirect..HASH.js gzip 320 B 319 B ✓
script-HASH.js gzip 386 B 386 B ✓
withRouter-HASH.js gzip 315 B 315 B ✓
1afbb74e6ecf..834.css gzip 106 B 106 B ✓
Total 7.97 kB 7.97 kB ✅ -1 B

Server

Edge SSR
Canary PR Change
edge-ssr.js gzip 126 kB 126 kB ✓
page.js gzip 249 kB 249 kB ✓
Total 375 kB 375 kB ⚠️ +156 B
Middleware
Canary PR Change
middleware-b..fest.js gzip 616 B 615 B ✓
middleware-r..fest.js gzip 156 B 155 B ✓
middleware.js gzip 32.9 kB 33.1 kB ✓
edge-runtime..pack.js gzip 842 B 842 B ✓
Total 34.5 kB 34.8 kB ⚠️ +273 B
Build Details
Build Manifests
Canary PR Change
_buildManifest.js gzip 732 B 736 B ✓
Total 732 B 736 B ⚠️ +4 B
Build Cache
Canary PR Change
0.pack gzip 3.79 MB 3.8 MB 🔴 +10.6 kB (+0%)
index.pack gzip 103 kB 103 kB ✓
index.pack.old gzip 102 kB 102 kB ✓
Total 4 MB 4.01 MB ⚠️ +9.91 kB

🔄 Shared (bundler-independent)

Runtimes
Canary PR Change
app-page-exp...dev.js gzip 311 kB 311 kB ✓
app-page-exp..prod.js gzip 166 kB 166 kB ✓
app-page-tur...dev.js gzip 311 kB 311 kB ✓
app-page-tur..prod.js gzip 166 kB 166 kB ✓
app-page-tur...dev.js gzip 308 kB 308 kB ✓
app-page-tur..prod.js gzip 164 kB 164 kB ✓
app-page.run...dev.js gzip 308 kB 308 kB ✓
app-page.run..prod.js gzip 164 kB 164 kB ✓
app-route-ex...dev.js gzip 70.4 kB 70.4 kB ✓
app-route-ex..prod.js gzip 48.9 kB 48.9 kB ✓
app-route-tu...dev.js gzip 70.4 kB 70.4 kB ✓
app-route-tu..prod.js gzip 48.9 kB 48.9 kB ✓
app-route-tu...dev.js gzip 70 kB 70 kB ✓
app-route-tu..prod.js gzip 48.7 kB 48.7 kB ✓
app-route.ru...dev.js gzip 69.9 kB 69.9 kB ✓
app-route.ru..prod.js gzip 48.7 kB 48.7 kB ✓
dist_client_...dev.js gzip 324 B 324 B ✓
dist_client_...dev.js gzip 326 B 326 B ✓
dist_client_...dev.js gzip 318 B 318 B ✓
dist_client_...dev.js gzip 317 B 317 B ✓
pages-api-tu...dev.js gzip 43.1 kB 43.1 kB ✓
pages-api-tu..prod.js gzip 32.8 kB 32.8 kB ✓
pages-api.ru...dev.js gzip 43.1 kB 43.1 kB ✓
pages-api.ru..prod.js gzip 32.8 kB 32.8 kB ✓
pages-turbo....dev.js gzip 52.4 kB 52.4 kB ✓
pages-turbo...prod.js gzip 39.3 kB 39.3 kB ✓
pages.runtim...dev.js gzip 52.3 kB 52.3 kB ✓
pages.runtim..prod.js gzip 39.3 kB 39.3 kB ✓
server.runti..prod.js gzip 62.5 kB 62.5 kB ✓
Total 2.77 MB 2.77 MB ⚠️ +1 B

@codspeed-hq
Copy link

codspeed-hq bot commented Jan 20, 2026 •
edited
Loading

CodSpeed Performance Report

Merging this PR will not alter performance

Comparing sokra/module-type (383fdd6) with canary (7517e3e)

Summary

✅ 17 untouched benchmarks
⏩ 3 skipped benchmarks1

Footnotes

  1. 3 benchmarks were skipped, so the baseline results were used instead. If they were deleted from the codebase, click here and archive them to remove them from the performance reports. ↩

mischnic
mischnic reviewed Jan 20, 2026
View reviewed changes
@sokra sokra mentioned this pull request Jan 20, 2026
Merged
@sokra sokra requested a review from mischnic January 21, 2026 13:45
@sokra sokra force-pushed the sokra/module-type branch from e004b63 to 1f1d161 Compare January 23, 2026 09:45
@sokra sokra changed the base branch from canary to graphite-base/88788 January 27, 2026 16:42
@sokra sokra force-pushed the sokra/module-type branch from aec38a1 to 8d516c5 Compare January 27, 2026 16:42
@sokra sokra changed the base branch from graphite-base/88788 to sokra/refactor-module-rules January 27, 2026 16:43
@sokra sokra mentioned this pull request Jan 27, 2026
Merged
lukesandberg
lukesandberg reviewed Jan 27, 2026
View reviewed changes
@sokra sokra force-pushed the sokra/module-type branch from 8d516c5 to 7b8a524 Compare January 27, 2026 20:49
@sokra sokra force-pushed the sokra/refactor-module-rules branch from 7660664 to 8c8f749 Compare January 27, 2026 20:49
@sokra sokra changed the base branch from sokra/refactor-module-rules to graphite-base/88788 January 28, 2026 12:20
@sokra sokra force-pushed the sokra/module-type branch from 7b8a524 to 9ae1c87 Compare January 28, 2026 16:07
@sokra sokra force-pushed the graphite-base/88788 branch from 8c8f749 to f35ef5b Compare January 28, 2026 16:07
@sokra sokra changed the base branch from graphite-base/88788 to sokra/refactor-module-rules January 28, 2026 16:07
@sokra sokra force-pushed the sokra/module-type branch from 9ae1c87 to fee6cab Compare January 29, 2026 09:20
@sokra sokra force-pushed the sokra/refactor-module-rules branch 2 times, most recently from 1f3b5cb to abcd9a5 Compare January 29, 2026 12:15
@sokra sokra force-pushed the sokra/module-type branch 2 times, most recently from 498c3f9 to f8259a8 Compare January 30, 2026 10:36
@sokra sokra force-pushed the sokra/refactor-module-rules branch from abcd9a5 to 1c8e8c6 Compare January 30, 2026 10:36
@sokra Graphite App
Copy link
Member Author

sokra commented Jan 30, 2026 •
edited
Loading

Merge activity

  • Jan 30, 2:32 PM UTC: A user started a stack merge that includes this pull request via Graphite.
  • Jan 30, 2:34 PM UTC: Graphite couldn't merge this PR because it had merge conflicts.
  • Jan 30, 6:02 PM UTC: @sokra merged this pull request with Graphite.

@sokra sokra changed the base branch from sokra/refactor-module-rules to graphite-base/88788 January 30, 2026 14:32
@sokra sokra changed the base branch from graphite-base/88788 to canary January 30, 2026 14:32
@sokra sokra force-pushed the sokra/module-type branch from f8259a8 to 383fdd6 Compare January 30, 2026 15:10
@sokra sokra merged commit 99eae38 into canary Jan 30, 2026
294 of 296 checks passed
@sokra sokra deleted the sokra/module-type branch January 30, 2026 18:02
@megastels megastels mentioned this pull request Feb 11, 2026
Open
@github-actions github-actions bot locked as resolved and limited conversation to collaborators Feb 14, 2026
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Reviewers

@vercel vercel[bot] vercel[bot] left review comments

@lukesandberg lukesandberg lukesandberg approved these changes

@timneutkens timneutkens Awaiting requested review from timneutkens

@mischnic mischnic Awaiting requested review from mischnic

Assignees

No one assigned

Labels

created-by: Turbopack team PRs by the Turbopack team. Documentation Related to Next.js' official documentation. locked tests Turbopack Related to Turbopack with Next.js. type: next

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

4 participants

@sokra @nextjs-bot @lukesandberg @mischnic