Задать вопрос
@skuvaWeb
javascript

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

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

В оф документации есть HtmlWebpackPlugin
Как заставить его брать и обрабатывать не конкретный файл, а папку?
  • Вопрос задан
  • 145 просмотров
Комментировать
Подписаться 2 Простой Комментировать
Решения вопроса 1
potapchino
@potapchino 
import glob from 'glob'
import path from 'path'

{
  plugins: [
    ...glob.sync('src/html/*.html')
      .map(html => new HtmlWebpackPlugin({
        filename: path.basename(html),
        template: html
      }))
  ]
}
Ответ написан
4 комментария
4 комментария
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
summer • Ярославль
от 100 000 до 140 000 ₽
Junior JavaScript Developer
КРАФТТЕК • Санкт-Петербург
от 60 000 до 80 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Доработать веб приложение
20 апр. 2024, в 10:38
5000 руб./за проект
Разработать простую игру на unity с использованием шейдеров
20 апр. 2024, в 10:28
5000 руб./за проект
Нужен опытный Фронтенд разработчик
20 апр. 2024, в 09:47
6000 руб./за проект
Ещё заказы