new HtmlWebpackPlugin({
       template: resolve(__dirname, './about.html'), //исходный файл
       filename: '../about.html', // выходной файл
          }),

Спасибо, попробую

ты чанки туда вставлять собираешься?

Нет, просто код из основной кодбазы
Чтоб не дублировать, хочу просто импортить

У меня просто есть 3 отдельные библиотеки и этот файл как iframe

а, тогда все норм должно быть

Все равно в dist он не появляется
Наверное я немного не ту инфу дал
У меня юзается webpack-dev-server и при его запуске у меня собранные библиотеки становятся доступны по localhost:port/dist/libname.js
Добавил код для html-файла, но по пути localhost:port/dist/ifrm.html ничего нету

Я так понимаю нужно все же еще что-то дописать?

Локально папки dist нету

а если сбилдить все норм?

А как сбилдить webpack-dev-serv? :)

ну командой на билд

"scripts": {
   "serve": "webpack-dev-server"
 },
У меня в package-е только так

"build-prod": "webpack --mode production"
и в консолько npm run build-prod

это в скриптс через запятую добавь

Спасибо! Пробую

Ага, в таком варианте html-файл присутствует
Спасибо :)

alwaysWriteToDisk: true, вот это допиши,
new HtmlWebpackPlugin({
       template: resolve(__dirname, './index.html'),
       filename: '../index.html',
       alwaysWriteToDisk: true,
     }), вроде должен на дев сервере тоже рабоатть

Таки да, работает
Благодарю 😊

А это нормально что на выходе получилось тоже самое что и было на входе? Т.е. если на входе там есть import { function } from ‘example.js’, то на выходе тоже присутствует этот импорт. Это ведь не будет работать если запустить в браузере, браузер ведь не знает что это за ‘example.js’.

Я попробовал добавить HtmlWebpackInlineSourcePlugin(), но в итоге в мой  html-файл просто заинлайлинись другие js-файлы которые учавствуют в билде (мои библиотеки)