Webpack'те HTML макетти жаратуу

Мурунку сабакта биз HtmlWebpackPlugin орнотуп, туташтырдык. Эми биз курап жатканда бизде автоматтык түрдө HTML макетинин файлы жаралып, жана бул макетке скрипттер менен стилдер автоматтык түрдө туташтырылат.

Келгиле, эң жөнөкөй учурду сынап көрөлү. Бизде бир гана кирүү чекити бар дейли:

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

Натыйжада, куралгандан кийин биздин JavaScript main.js аты менен бандлга чейин куралат жана бул бандл автоматтык түрдө жаралган сайт макетине туташтырылат:

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