Generering av HTML-mal i Webpack
I forrige leksjon installerte og koblet vi til HtmlWebpackPlugin. Nå vil det automatisk genereres en HTML-malfil under bygging, og i denne malen vil skript og stiler automatisk bli koblet til.
La oss prøve det enkleste tilfellet. Anta at vi har ett inngangspunkt:
export default {
entry: './src/index.js',
plugins: [
new HtmlWebpackPlugin(),
],
};
Som et resultat, etter bygging, vil JavaScript-en vår
blir bundlet til en bunt med navnet main.js
og denne bunten vil bli koblet til den automatisk
opprettede nettstedmallen:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Webpack App</title>
<script defer src="main.js"></script>
</head>
<body>
</body>
</html>
Utfør bygging med HtmlWebpackPlugin aktivert. Sjekk at malfilen dukker opp. Studer kildekoden dens. Åpne filen i en nettleser.
