HTML макетро дар Webpack сохтан

Дар дарси гузашта мо 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>