Webpack Dev Server открывал другую html страницу?

Webpack Dev Server - это инструмент для разработки, который позволяет вам работать с проектом, созданным с помощью Webpack, и автоматически обновлять изменения в реальном времени. Он запускает локальный сервер, который обрабатывает HTTP-запросы, и предоставляет среду разработчика для просмотра и отладки вашего кода.

Одним из способов открытия другой HTML-страницы с помощью Webpack Dev Server является настройка множества точек входа и конфигурации devServer для каждой из них.

Сначала вам необходимо настроить точки входа в вашем файле конфигурации Webpack. Это делается с помощью свойства entry, где вы указываете путь к файлу JavaScript, который будет являться точкой входа для каждой страницы. Например:

module.exports = {
  entry: {
    page1: './src/page1.js',
    page2: './src/page2.js',
  },
  // ...
};

В этом примере у нас есть две точки входа: page1 и page2, соответствующие файлам page1.js и page2.js в папке src.

Затем вам нужно настроить devServer для каждой страницы. Это делается с помощью свойства devServer в файле конфигурации Webpack. Вы можете указать разные параметры для каждой страницы, например, порт, на котором будет запущен сервер, и путь к HTML-файлу, который будет загружен при обращении к этой странице. Например:

module.exports = {
  // ...
  devServer: {
    port: 8080,
    openPage: 'page1.html',
  },
};

В этом примере мы настроили devServer для страницы page1, чтобы открывалась при обращении к http://localhost:8080/page1.html.

Таким образом, чтобы открыть другую HTML-страницу, вам просто нужно изменить значение openPage в конфигурации devServer на соответствующий путь к HTML-файлу. Например, если вы хотите открыть page2.html, вы можете изменить openPage: 'page1.html' на openPage: 'page2.html'.

После этого, когда вы запустите Webpack Dev Server с помощью команды npm run dev или аналогичной, сервер будет слушать на указанном порту и автоматически откроет выбранную HTML-страницу в вашем браузере.

Это позволяет вам легко переключаться между различными HTML-страницами в вашем проекте, просматривая и отлаживая код для каждой из них с помощью Webpack Dev Server.