Generování HTML šablony ve Webpacku
V předchozí lekci jsme nainstalovali a připojili HtmlWebpackPlugin. Nyní se nám při sestavení automaticky vygeneruje soubor HTML šablony a do této šablony budou automaticky připojeny skripty a styly.
Zkusme nejjednodušší případ. Předpokládejme, že máme jeden vstupní bod:
export default {
entry: './src/index.js',
plugins: [
new HtmlWebpackPlugin(),
],
};
V důsledku toho se po sestavení náš JavaScript
sesbírá do svazku s názvem main.js
a tento svazek bude připojen k automaticky
vytvořené šabloně webu:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Webpack App</title>
<script defer src="main.js"></script>
</head>
<body>
</body>
</html>
Proveďte sestavení s povoleným HtmlWebpackPlugin. Zkontrolujte, že se vám objeví soubor šablony. Prostudujte jeho zdrojový kód. Otevřete soubor v prohlížeči.
