Как позволить webpack dev server проверять, является ли клиент настольным или мобильным, и отвечать на разные htmls?

Question

Я пишу приложение 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 для этого.