# Генерация HTML макета в Webpack

В предыдущем уроке мы установили и подключили HtmlWebpackPlugin. Теперь при сборке у нас автоматически будет генерироваться файл HTML макета и в этом макете автоматически будут подключены скрипты и стили.

Давайте попробуем самый простой случай. Пусть у нас есть одна точка входа:

`export default { entry: './src/index.js', plugins: [ new HtmlWebpackPlugin(), ], };`

В результате после сборки наш JavaScript соберется в бандл с именем `main.js` и этот бандл будет подключен к автоматически созданному макету сайта:

`<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Webpack App</title> <script defer src="main.js"></script> </head> <body> </body> </html>`

Выполните сборку с включенным HtmlWebpackPlugin. Проверьте, что у вас появляется файл макета. Изучите его исходный код. Откройте файл в браузере.

← →
↑