Vlastní soubor layoutu ve Webpacku
V praxi obvykle již máme vlastní HTML layout webu. V tomto případě potřebujeme, aby Webpack bral náš layout, a ne generoval svůj. Podívejme se, jak se to dělá.
Předpokládejme, že máme následující layout:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>My layout</title>
</head>
<body>
</body>
</html>
Přinutíme Webpack vzít náš layout. K tomu jej nastavíme v následující konfiguraci:
export default {
entry: './src/index.js',
plugins: [
new HtmlWebpackPlugin({
template: './src/index.html',
}),
],
};
V důsledku toho po sestavení ve složce
dist bude náš layout a v něm
automaticky budou připojeny
všechny bundly:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>My layout</title>
<script defer src="main.js"></script>
</head>
<body>
</body>
</html>
Vytvořte svůj vlastní layout. Nakonfigurujte Webpack tak, aby bral váš layout.
