Turbopack: add support for contentType condition for webpack loaders

[sokra]

What?

Add contentType condition

This allows to apply webpack loaders to data urls

Usage Example

module.exports = {
  turbopack: {
    rules: {
      '*': [
        {
          condition: { contentType: 'text/*' },  // glob match
          loaders: ['text-loader'],
          as: '*.js'
        },
        {
          condition: { contentType: /^image\// },  // regex match
          loaders: ['image-loader'],
          as: '*.js'
        },
      ],
    },
  },
}

[sokra]

• Turbopack: add support for contentType condition for webpack loaders #89156 👈 (View in Graphite)
• canary

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

[codspeed-hq]

CodSpeed Performance Report

Merging this PR will not alter performance

_{Comparing sokra/content-type-condition (ffb5855) with canary (6a1bfc2)}

Summary

✅ 17 untouched benchmarks
⏩ 3 skipped benchmarks¹

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]

This is really annoying though, everyone adding a webpack loader for JS files would have to add two rules, to ensure that data-url modules are also matched

[nextjs-bot]

Tests Passed

[nextjs-bot]

Stats from current PR

✅ No significant changes detected

📊 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)	456ms	456ms	✓	▁▁▁▁█
Cold (Ready in log)	447ms	445ms	✓	█▆▆▇█
Cold (First Request)	824ms	817ms	✓	▆▇▇▇█
Warm (Listen)	456ms	456ms	✓	▁▁▁▁█
Warm (Ready in log)	445ms	446ms	✓	▁▂▁▁█
Warm (First Request)	356ms	353ms	✓	▁▅▁█▂

📦 Dev Server (Webpack) (Legacy)

📦 Dev Server (Webpack)

Metric	Canary	PR	Change	Trend
Cold (Listen)	456ms	456ms	✓	▁▁▁▁▁
Cold (Ready in log)	437ms	437ms	✓	▁▁▁▁▁
Cold (First Request)	1.832s	1.846s	✓	▁▁▁▁▁
Warm (Listen)	456ms	456ms	✓	▁▁▁▁▁
Warm (Ready in log)	436ms	437ms	✓	▁▁▁▁▁
Warm (First Request)	1.860s	1.851s	✓	▁▁▁▁▁

⚡ Production Builds

Metric	Canary	PR	Change	Trend
Fresh Build	4.260s	4.252s	✓	▁▁▁▁▇
Cached Build	4.272s	4.290s	✓	▁▁▁▁▇

📦 Production Builds (Webpack) (Legacy)

📦 Production Builds (Webpack)

Metric	Canary	PR	Change	Trend
Fresh Build	13.758s	13.767s	✓	▁▁▁▁▁
Cached Build	13.866s	13.799s	✓	▁▁▁▁▁
node_modules Size	463 MB	463 MB	✓	▁▁▁▁▁

📦 Bundle Sizes

Bundle Sizes

⚡ Turbopack

Client

Main Bundles: **434 kB** → **434 kB** ✅ -2 B

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

Server

Middleware

	Canary	PR	Change
middleware-b..fest.js gzip	765 B	765 B	✓
Total	765 B	765 B	✓

Build Details

Build Manifests

	Canary	PR	Change
_buildManifest.js gzip	451 B	451 B	✓
Total	451 B	451 B	✓

📦 Webpack

Client

Main Bundles

	Canary	PR	Change
5528-HASH.js gzip	5.47 kB	N/A	-
6280-HASH.js gzip	54.4 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	253 B	🟢 3 B (-1%)
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.1 kB	-
Total	228 kB	228 kB	⚠️ +691 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	247 kB	248 kB	✓
Total	374 kB	374 kB	⚠️ +316 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	33 kB	33 kB	✓
edge-runtime..pack.js gzip	842 B	842 B	✓
Total	34.6 kB	34.6 kB	⚠️ +32 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.76 MB	3.77 MB	🔴 +8.42 kB (+0%)
index.pack gzip	102 kB	101 kB	✓
index.pack.old gzip	102 kB	102 kB	✓
Total	3.97 MB	3.97 MB	⚠️ +8.11 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	307 kB	307 kB	✓
app-page-tur..prod.js gzip	164 kB	164 kB	✓
app-page.run...dev.js gzip	307 kB	307 kB	✓
app-page.run..prod.js gzip	164 kB	164 kB	✓
app-route-ex...dev.js gzip	70.2 kB	70.2 kB	✓
app-route-ex..prod.js gzip	48.8 kB	48.8 kB	✓
app-route-tu...dev.js gzip	70.2 kB	70.2 kB	✓
app-route-tu..prod.js gzip	48.8 kB	48.8 kB	✓
app-route-tu...dev.js gzip	69.8 kB	69.8 kB	✓
app-route-tu..prod.js gzip	48.6 kB	48.6 kB	✓
app-route.ru...dev.js gzip	69.8 kB	69.8 kB	✓
app-route.ru..prod.js gzip	48.6 kB	48.6 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.4 kB	52.4 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	⚠️ +3 B

[sokra]

Merge activity

• Jan 30, 9:57 AM UTC: @sokra merged this pull request with Graphite.