How to properly handle html in webpack?

Question

JavaScript

The task is next.
I want to create a folder with html files, and so that when generating a build assembly, my html files from the 'src/html' folder (for example) are copied to the dist folder, automatically inserting scripts, styles, pictures, and so on.
In the documentation there is HtmlWebpackPlugin
How to make it take and process not a specific file, but a folder?

Answer 1

import glob from 'glob'
import path from 'path'

{
  plugins: [
    ...glob.sync('src/html/*.html')
      .map(html => new HtmlWebpackPlugin({
        filename: path.basename(html),
        template: html
      }))
  ]
}