Webpackde HTML makalarynyň döredilişi

Öňki sapakda biz HtmlWebpackPlugin-i gurnadyk we birikdirdik. Indi ýygnalanda bizde awtomatik usulda HTML mak faýly dörediler we bu makda awtomatik usulda skriptler we stiller birikdiriler.

Geliň iň ýönekeý ýagdaýy synap göreli. Bizde bir girýän nokat bolsun:

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

Netijede, ýygnanylandan soň, bizniň JavaScript faýlymyz main.js atly bändle ýygnanar we bu bändl awtomatik usulda döredilen sahat makyna birikdiriler:

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>