Разделение кода с динамическими маршрутами в next.js ⇐ Javascript

[Anonymous]

Я работаю над проектом, используя Next.js 15 с маршрутизатором приложения и динамическими маршрутами. Я столкнулся с проблемой, в которой JavaScript и CSS не разделяются на отдельные куски, как ожидалось при использовании модулей и компонентов SCSS. Однако при использовании динамической маршрутизации все объединяется в один большой кусок. В результате, если у меня есть много страниц с разными компонентами, все сценарии и стили для каждой страницы загружаются вместе, даже если посещается только одна страница.

Код: Выделить всё

app
[locale]
[[...slug]]
page.tsx
layout.tsx
enter code here
< /code>
Пробое динамическое импорт внутри переключателя маршрута: < /p>
const renderPage = async () => {
switch (slug) {
case 'news':
const Test = dynamic(() => import('@/components/Test'));
//or
const Test = await import('@/components/Test'));
return ;
default:
return 'Hello';
}
};

Является ли это известным ограничением или ошибкой в ​​следующей динамической маршрутизации.>

Подробнее здесь: https://stackoverflow.com/questions/795 ... in-next-js