Webpack-də HTML şablonunun yaradılması

Əvvəlki dərsdə biz HtmlWebpackPlugin quraşdırdıq və qoşduq. İndi qurma zamanı bizim üçün avtomatik olaraq HTML şablon faylı yaradılacaq və bu şablona skriptlər və stillər avtomatik olaraq qoşulacaq.

Gəlin ən sadə halı sınayaq. Təsəvvür edək ki, bizim bir giriş nöqtəmiz var:

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

Nəticədə, qurmadan sonra bizim JavaScript main.js adlı bandla yığılacaq və bu bandl avtomatik olaraq yaradılmış veb səhifə şablonuna qoşulacaq:

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>