Я пишу приложение React, и оно должно адаптировать конец рабочего стола и мобильный конец. В моем приложении так много компонентов, что мне нужно создать новую страницу, чтобы отправить ее на мобильные устройства. То есть браузеры для настольных компьютеров и мобильных устройств получают разные индексы html с, когда пользователь посещает один и тот же URL-адрес индекса, например localhost:3000/. Таким образом, на уровне кода index.html для настольных компьютеров и mobile_index.html для мобильных устройств.
Я знаю, как переписать URL в webpack dev server, например:
historyApiFallback: {
disableDotRule: true,
rewrites: [
{ from: /^\/admin/, to: '/admin.html' },
]
},
Я также знаю, как проверить, является ли клиент настольным или мобильным, и отправить различные html в браузер клиента в коде Express. Но я не знаю, как настроить webpack dev server для этого.