Eigen layoutbestand in Webpack
In de praktijk hebben we meestal al ons eigen HTML-layout voor de website. In dat geval moet Webpack onze layout gebruiken, en niet zijn eigen genereren. Laten we kijken hoe dat wordt gedaan.
Stel we hebben de volgende layout:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Mijn layout</title>
</head>
<body>
</body>
</html>
Laten we Webpack forceren om onze layout te nemen. Hiervoor configureren we het in de volgende instelling:
export default {
entry: './src/index.js',
plugins: [
new HtmlWebpackPlugin({
template: './src/index.html',
}),
],
};
Als resultaat zal na de build in de map
dist onze layout staan en erin
zullen automatisch alle
bundels zijn gekoppeld:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Mijn layout</title>
<script defer src="main.js"></script>
</head>
<body>
</body>
</html>
Maak je eigen layout. Configureer Webpack zodat het jouw layout gebruikt.
