Generiranje HTML predloge v Webpack
V prejšnji lekciji smo namestili in povezali HtmlWebpackPlugin. Zdaj se bo pri našem sestavljanju avtomatično generiral datoteka HTML predloge in v to predlogo bodo avtomatično povezani skripti in slogi.
Poskusimo najenostavnejši primer. Recimo, da imamo en vstopno točko:
export default {
entry: './src/index.js',
plugins: [
new HtmlWebpackPlugin(),
],
};
Kot rezultat se bo po sestavljanju naš JavaScript
zbral v snop z imenom main.js
in ta snop bo povezan v avtomatično
ustvarjeno predlogo spletnega mesta:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Webpack App</title>
<script defer src="main.js"></script>
</head>
<body>
</body>
</html>
Izvedite sestavljanje z vklopljenim HtmlWebpackPlugin. Preverite, ali se vam pojavi datoteka predloge. Preučite njeno izvorno kodo. Odprite datoteko v brskalniku.
