Как правильно обрабатывать html в webpack?

Question

[skuvaWeb]

Задача следующая.
Хочу создать папку с html файлами, и чтобы при генерации build сборки мои html файлы из папки 'src/html' (например) копировались в папку dist, автоматически вставляя скрипты, стили, картинки и прочее.

В оф документации есть HtmlWebpackPlugin
Как заставить его брать и обрабатывать не конкретный файл, а папку?

Answer 1

[alex]

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

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

Comments

[skuvaWeb]

А что за плагин glob?

[alex]

skuvaWeb, https://www.npmjs.com/package/glob

[skuvaWeb]

Alex, спасибо.
А почему вы использовали path.basename(html, '.html'), ? Так игнорируется расширение файлов ведь, и они копируются в папку без расширения вовсе

[alex]

skuvaWeb, да, .html там лишнее. поправил ответ