Generovanie HTML layoutu v Webpacke
V predchádzajúcej lekcii sme nainštalovali a pripojili HtmlWebpackPlugin. Teraz po zostavení nám sa automaticky vygeneruje súbor HTML layoutu a do tohto layoutu sa automaticky pripoja skripty a štýly.
Skúsme najjednoduchší prípad. Predpokladajme, že máme jeden vstupný bod:
export default {
entry: './src/index.js',
plugins: [
new HtmlWebpackPlugin(),
],
};
V dôsledku toho sa po zostavení náš JavaScript
zostaví do zväzku s názvom main.js
a tento zväzok bude pripojený k automaticky
vytvorenej šablóne stránky:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Webpack App</title>
<script defer src="main.js"></script>
</head>
<body>
</body>
</html>
Vykonajte zostavenie so zapnutým HtmlWebpackPlugin. Skontrolujte, či sa vám objaví súbor šablóny. Preštudujte jeho zdrojový kód. Otvorte súbor v prehliadači.
