Generering av HTML-layout i Webpack
I föregående lektion installerade och anslöt vi HtmlWebpackPlugin. Nu kommer en HTML-layoutfil automatiskt att genereras vid bygge, och i denna layout kommer skript och stilar automatiskt att anslutas.
Låt oss prova det enklaste fallet. Låt oss säga att vi har en ingångspunkt:
export default {
entry: './src/index.js',
plugins: [
new HtmlWebpackPlugin(),
],
};
Som ett resultat, efter bygge, kommer vår JavaScript
att samlas i en buntel med namnet main.js
och denna buntel kommer att anslutas till den automatiskt
skapade webbplatslayouten:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Webpack App</title>
<script defer src="main.js"></script>
</head>
<body>
</body>
</html>
Utför en byggning med HtmlWebpackPlugin aktiverat. Kontrollera att layoutfilen visas. Studera dess källkod. Öppna filen i en webbläsare.
