Vlastný súbor layoutu vo Webpacke
V praxi zvyčajne už máme vlastný HTML layout stránky. V tomto prípade potrebujeme, aby Webpack vzal náš layout, a nie generoval svoj. Pozrime sa, ako sa to robí.
Predpokladajme, že máme nasledujúci layout:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>My layout</title>
</head>
<body>
</body>
</html>
Natrieme Webpack, aby vzal náš layout. Na to ho nakonfigurujeme v nasledujúcej nastavení:
export default {
entry: './src/index.js',
plugins: [
new HtmlWebpackPlugin({
template: './src/index.html',
}),
],
};
V dôsledku toho po zostavení v priečinku
dist bude náš layout a v ňom
automaticky budú pripojené
všetky bundly:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>My layout</title>
<script defer src="main.js"></script>
</head>
<body>
</body>
</html>
Vytvorte svoj vlastný layout. Nakonfigurujte Webpack tak, aby používal váš layout.
