как запустить другой файл html вместо индекса. html при запуске сервера веб-пакетов?

Question

Когда я запускаю сервер веб-пакетов, ниже конфигурации по умолчанию открывается индекс. html доступно в папке publi c. Итак, вместо index. html, я хочу создать другой. html или может быть как папка, внутри которой, например, html. public / someFolder / another. html и хотите открыть его при запуске сервера webpack.

как запустить другой файл html вместо индекса. html при запуске сервера веб-пакетов?

webpack.config. js

const path = require("path");
module.exports = {
  entry: "./myFile.js",
  output: {
    path: path.join(__dirname, "public"),
    filename: "bundle.js",
  },
  module: {
    rules: [
      {
        loader: "babel-loader",
        test: /\.js$/,
        exclude: /node_modules/,
      },
      {
        test: /\.s?css$/,
        use: ["style-loader", "css-loader", "sass-loader"],
      },
    ],
  },
  devtool: "cheap-module-eval-source-map",
  devServer: {
    contentBase: path.join(__dirname, "public"),
    historyApiFallback: true,
  },
};

Answer 1

Посмотрите на HtmlWebpackPlugin

. Вы можете указать собственный путь и пользовательский файл. html.

  output: {
    filename: './dist/subdirectory/myindex.html'
  },
  plugins: [new HtmlWebpackPlugin()]

По умолчанию, конечно, индекс . html