mirror of
https://github.com/hanzoai/next.js.git
synced 2026-10-30 14:46:38 +00:00
Niklas MischkulnigandGitHub
cbf12d1845
Otherwise you get a `Dependency tracking is disabled` / infinite loop when trying to use both turbopack.rules.loader and turbopackLoader at the same time
26 lines
1.3 KiB
TypeScript
26 lines
1.3 KiB
TypeScript
// @ts-nocheck
|
|
// Import a .txt file using a raw loader via turbopackLoader
|
|
// turbopackAs tells turbopack to treat the loader output as JavaScript
|
|
import rawText from '../data.txt' with { turbopackLoader: 'test-raw-loader', turbopackAs: '*.js' }
|
|
// Import a .js file with a replace loader via turbopackLoader with options
|
|
import replacedValue from '../data-with-placeholder.js' with { turbopackLoader: 'test-replace-loader', turbopackLoaderOptions: '{"search":"PLACEHOLDER","replace":"turbopackUse works!"}' }
|
|
// Import a .txt file using turbopackModuleType to treat loader output as ecmascript
|
|
import rawTextViaModuleType from '../data2.txt' with { turbopackLoader: '../node_modules/test-raw-loader/index.js', turbopackModuleType: 'ecmascript' }
|
|
// Import a non-.json file and treat it as JSON via turbopackModuleType
|
|
import jsonData from '../data.jsonlike' with { turbopackLoader: 'test-identity-loader', turbopackModuleType: 'json' }
|
|
// Normal rules should still work at the same time
|
|
import jsonData2 from '../data.jsonlike2'
|
|
|
|
console.log(jsonData, jsonData2)
|
|
export default function Page() {
|
|
return (
|
|
<div>
|
|
<p id="raw">{rawText}</p>
|
|
<p id="replaced">{replacedValue}</p>
|
|
<p id="module-type">{rawTextViaModuleType}</p>
|
|
<p id="json-type">{jsonData.greeting}</p>
|
|
<p id="json-type-2">{jsonData2.greeting}</p>
|
|
</div>
|
|
)
|
|
}
|