Oma layout-tiedosto Webpackissa
Käytännössä meillä on yleensä jo oma HTML-sivuston layout. Tässä tapauksessa meidän on tehtävä niin, että Webpack ottaa layoutimme, eikä generoi omaansa. Katsotaanpa, kuinka se tehdään.
Oletetaan, että meillä on seuraava layout:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>My layout</title>
</head>
<body>
</body>
</html>
Pakotetaan Webpack ottamaan layoutimme. Tätä varten määritämme sen seuraavassa asetuksessa:
export default {
entry: './src/index.js',
plugins: [
new HtmlWebpackPlugin({
template: './src/index.html',
}),
],
};
Tuloksena koonnnon jälkeen kansiossa
dist on layoutimme ja siihen
liitetään automaattisesti
kaikki bundlet:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>My layout</title>
<script defer src="main.js"></script>
</head>
<body>
</body>
</html>
Tee oma layoutisi. Määritä Webpack niin, että se ottaa layoutisi.
