Lastna predloga datoteke v Webpack
V praksi običajno že imamo lastno HTML predlogo spletnega mesta. V tem primeru potrebujemo, da Webpack uporabi našo predlogo, in ne generira svoje. Poglejmo si, kako se to naredi.
Recimo, da imamo naslednjo predlogo:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>My layout</title>
</head>
<body>
</body>
</html>
Prisilimo Webpack, da prevzame našo predlogo. Za to nastavimo naslednjo nastavitev:
export default {
entry: './src/index.js',
plugins: [
new HtmlWebpackPlugin({
template: './src/index.html',
}),
],
};
Kot rezultat bo po zgradnji v mapi
dist naša predloga in vanjo
bo samodejno priključen
ves bundle:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>My layout</title>
<script defer src="main.js"></script>
</head>
<body>
</body>
</html>
Ustvarite svojo predlogo. Nastavite Webpack tako, da bo uporabil vašo predlogo.
