Vaš sopstveni fajl izgleda u Webpack-u
U praksi obično već imamo svoj HTML izgled sajta. U ovom slučaju potrebno nam je da Webpack koristi naš izgled, a ne da generiše svoj. Hajde da pogledamo kako se to radi.
Pretpostavimo da imamo sledeći izgled:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Moj izgled</title>
</head>
<body>
</body>
</html>
Nateraćemo Webpack da uzme naš izgled. Za to ćemo ga navedemo u sledećoj podešavanju:
export default {
entry: './src/index.js',
plugins: [
new HtmlWebpackPlugin({
template: './src/index.html',
}),
],
};
Kao rezultat, posle izgradnje u folderu
dist biće naš izgled i u njemu
će automatski biti povezani
svi bundle-ovi:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Moj izgled</title>
<script defer src="main.js"></script>
</head>
<body>
</body>
</html>
Napravite svoj izgled. Podesite Webpack tako da koristi vaš izgled.
